Docs

[dladvocat]

Hi!

I need to change style from only one navbar button. I was search the button id and is menu-item-53
Later, I put in the CSS:

li#menu-item-53 {
color: red;
}

for example to try and view the changes but not work…
I need to modify width (to 14em) and align to right (the other are aligns at right).

How can I do this?

Thanks!

[Joao]

Hi There.

Please try:

.x-navbar .desktop .x-nav > li.menu-item-53 > a {

color: red;

}

Hope it helps

Joao

[dladvocat]

No. Not run…

I have all this code on the CSS Customizer:

#menu2header{
width: !00%;
text-align:right;
background-color: #2f6396;
font-size: 12px;
margin-bottom: -1.5em;
color:#fff;
text-shadow: 1px 1px #393939;
}

#campFormulari{
height: 2em;
margin-top: 0.7em;
font-size:10px;
}

.accesmoodle {
font-size:12px;
}

.x-navbar {
background-color: #393939;
border: 0px;
}

.x-navbar .desktop .x-nav {
float:left;
}

.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: none;
}

.x-navbar .desktop .x-nav>li>a {
border-right: 1px solid #595959;
}

.desktop .menu-item, .desktop .menu-item > a {
width:10em;
text-align:center;
}

//** Menu Item 53 **//
/* Move last menu item to the right and change color */
.x-navbar .desktop .x-nav > li.menu-item-53 > a {

color: red;

}

[Joao]

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.

[dladvocat]

This reply has been marked as private.

[Joao]

Hi There,

Please use the following code:

.x-navbar .desktop .x-nav > li.menu-item-53 > a > span {
color: red;
}

Hope it helps

Joao

[dladvocat]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials.
Please update this part:

//** OBTENIR MÉS INFORMACIÓ **//
/* Move last menu item to the right and change background-color */
.x-navbar .desktop .x-nav > li.menu-item-53 > a > span {
color: red;
}

To this:

/** OBTENIR MÉS INFORMACIÓ **/
/* Move last menu item to the right and change background-color */
.x-navbar .desktop .x-nav > li.menu-item-53 > a > span {
color: red;
}

The double slash on the first line of comment is a syntax error in CSS. That’s why it is not working.

Hope this helps.

[dladvocat]

Yes… Double slash was the problem.

Thanks!

[Thai]

If you need anything else please let us know.

[dladvocat]

Now works, but how can I do to align only one button from my Navbar to left?

[Jade]

HI there,

Please use this code:

.x-navbar .desktop .x-nav> li#menu-item-53 {
    position: absolute;
    right: 0;
}

.x-navbar .desktop .x-nav {
    position: relative;
    width: 100%;
}

.x-navbar .desktop .x-nav> li#menu-item-53 a {
    border-right: 0;
}

Hope this helps.

[Author]

Posts