TOP BAR OPTIONS

[kjcarleo]

Hello is it possible to change the color of the Top Bar independently, both background and text and icons?

Kevin

[Radu]

Hi,

Please use those css

COPY CODE

.header-color.social-header {
    background-color: yellow;
}

.header-color .top-menu li > a, .header-color #top-social li a {
    font-family: monospace;
    color: red;
}

The css will be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

Take a look I used your css and it is grey icon on mouseover, and the seperators are also gray. How can I change that?

[Radu]

Hi,

Ddd also this css

COPY CODE

.header-color .top-menu li > a:hover, .header-color #top-social li a:hover {
color:red;
}

Replace red with your desired color

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

How can I remove or change the color of the separators?

You can see in the attached image that they are black…

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

You can change the color of the separator with this css

COPY CODE

#top-social li a {
    border-right: 1px solid red !important;
}

If you want to remove the separators you can do it with this css

COPY CODE

#top-social li a {
    border-right: 1px solid transparent !important;
}

The css will be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

What support service includes ? What not ?

[kjcarleo]

Ok THANKS!!! That looks great now!!!

[Radu]

Great

Have a nice week

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

Hey sorry to re-open this ticket, but how can I set the same font I have for my pages for the TOP MENU font? I am using “RALEWAY”.

Kevin

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

With this css,i’ve already provided in a previews reply

COPY CODE

.header-color .top-menu li > a, .header-color #top-social li a {
    font-family: "Raleway";
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

I just realized the previous post you sent was for the color, not the font – but thanks for the code, it is working now.,

Kevin

[Radu]

Great

Have a nice week

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

One more thing, how can I remove the white bottom border and lines between the items?

See attached…

Attachments:

You must be logged in to view attached files.

[Radu]

Using this css

COPY CODE

.top-menu li a {
    border: 0 !important;
}

The css can be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

Great that worked like a charm!

[Radu]

Great

Have a nice week

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts