[Joaozinho]

Hi,

How can I centralize the menu? It is left aligned now. I have checked other topics but the CSS code doesn’t appear to work. The website is http://www.worldcupbrazil.net/

Can you help us out?

Thanks in advance,
Joao

[Sakin]

@Joaozinho: Can you try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

#branding ul.menu {
    text-align: center;
}
#branding ul.menu li {
    display: inline-block;
    float: none;
}

[Joaozinho]

Thanks! But now I only see these 2 type of vertical lines on the menu, how can I remove the black lines?

And how to remove the vertical blue line on the right of about us? This because Blog doesn’t have a vertical blue line on the left.

[Sakin]

@Joaozinho: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

#branding ul.menu li { border-left: none; }
#branding ul.menu li:first-child { border-right: 1px solid #1b4266; }
#branding ul.menu li:last-child { border-right: none; }

[Joaozinho]

I added the code, but nothing has changed yet, did I put the code in correctly?

[Sakin]

@Joaozinho: I don’t see the above custom css in your site. Did you add in? If yes then try clearing your cache from WP Super Cache plugin settings.

[Joaozinho]

Yes it is added. I cleared the cache. The right blue vertical has been removed great.

I only see these other black vertical lines on the menu, close to the blue lines where the options are separated. Do you see what I mean? Is there a way to delete those darker vertical lines?

[Sakin]

@Joaozinho: Sorry typo mistake in Border spelling. I have correct the css.

The following CSS will just remove one black border:

#branding ul.menu li { border-left: none; }
#branding ul.menu li:first-child { border-right: 1px solid #1b4266; }
#branding ul.menu li:last-child { border-right: none; }

But if you want to remove both the border then you can add the following:
#branding ul.menu li { border: none; }

[Joaozinho]

Great it is gone thanks a lot!

[Author]

Posts