[bakParticipant]

Hi

I would like to have a thin line on top of the nav bar. I therefore used custom CSS to narrow down the top bar.

I would now like to change the color in order for it to be the same color like the red line which appears on top of the navigation if you hover on top of it.

1. I used .x-topbar { background-color: #202020; } as syntax to chane the color but nothing happened. can you check my custom CSS?

2. what is the color code for the color i mentioned above?

3. How could I change the hover color of the navigation (in case I would like to change it later on)

Thanks

[bakParticipant]

Problem 1: solved. I had a syntax error

[ThaiModerator]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[bakParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

2. What do you mean by color code? rgb?

3. You mean the red border? You can try this with your color,

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 4px 0 0 #ff2a13;
}

4. Static content (links) are possible at topbar content, and all you need is to align them on right. Though, I’m not sure with language switcher. Topbar isn’t made for that so you would need custom coding.

5. Possible with custom development, there are other users that tried fixed top bar, but I think yours is different.

Thanks!

[Author]

Posts