Docs

[Christopher]

Hi there,

To add background color, add following code in Customize -> Custom -> CSS :

li#menu-item-176 a {
    background-color: red !important;
}

To add background image, add this code instead :

li#menu-item-176 a{
    background-image: url("http://playersinvest.com/wp-content/uploads/2016/05/app-store.png");
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    width:135px;

}

It gives you result like attachment.

Hope it helps.

[christiaan p]

This reply has been marked as private.

[Christopher]

Hi there,

Upon checking your site, I see you’ve already added the code and it’s working fine. See the attachment.
Please clear cache too see the changes.

Thanks.

[christiaan p]

great thanks, and this will work on other x sites also? the same codes? as long as i use the right id ofcourse?

[Joao]

Hi Christiaan,

Yes it will the only important thing is to make sure you have the right Menu ID as you mentioned.

Let us know if you need further help.

Thanks

Joao

[christiaan p]

Hi guys, just trying to add

li#menu-item-177 a{
background-image: url(“http://playersinvest.com/wp-content/uploads/2016/05/investment-playstore.png”);
background-repeat: no-repeat;
background-position: center;
color: transparent;
width:135px;

}

to the mix, but everytime i save, its fine in customizer but when i want to leave the customizer it crashes and only after a few minutes i can log back into wp admin, then the code above is gone again?? why is this such a difficult thing?
can you guys try and add it and see if it work?

its also just an image of the button next to the one we have been trying to do

[Darshana]

Hi there,

Please copy all of your Custom CSS into an online tool like CSS Lint (http://csslint.net/) and check for errors. CSS will not parse correctly is there are issues.

Thanks!

[christiaan p]

Hi, I have been using your advice on my other site.
in connection with the nav bar colours.

And it all work nicly, but then I wanted to remove it.
especially the sign up nav tab, but after removing the css
form the customerizer section it still remains there? and even if
if delete the tab and make another one, now all the tabs have that last
configuration? of being white and loses the hover over functions?
how do i remove the css from this section?

http://wp2.visualrender.co.za/

[Paul R]

Hi,

Your sign up menu link has your homepage url so wordpress thinks it’s the current page thus it highlights it.

Please replace the link with your sigup page.

eg. http://wp2.visualrender.co.za/sign-up

Thanks

[christiaan p]

Hi, thanks its working now,
another request I have in terms of the nav bar,
is it possible to – can you put a hover over a nav bar id so if somebody moves their mouse there, a pop-up can show “a custom message?”
is this possible?

[Christian]

Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks for understanding. Take care!

[christiaan p]

ok, thanks,
ons this same site, there is another issue i cant seem to crack,
see the image attached.
the spacing between the colums are not the same, and i cant find the place where you
can either center all to the exact same column spacing or just adjust the one.

thanks

http://wp2.visualrender.co.za/

[Jade]

Hi there,

I checked the site and the code you have added for the menu item seems to be working fine.

Please clear your cache.

[christiaan p]

ok, thanks,
ons this same site, there is another issue i cant seem to crack,
see the image attached.
the spacing between the colums are not the same, and i cant find the place where you
can either center all to the exact same column spacing or just adjust the one.

You will also notice that the 3 columns are not evenly spaced? They are idential sized images but there is more
space on the left than the right. I just want equal spacing between the 3, and also want the column to start equal to all the other content below, or equal to the logo left edge, if this all makes sense

thanks

http://wp2.visualrender.co.za/

[Jade]

Hi there,

Please add this code in the customizer:

.page-id-5 #x-content-band-1 .x-column .x-container {
    margin: 0;
    width: 100%;
}

Hope this helps.

[Author]

Posts