WordPress.org

Support

Support » Themes and Templates » Point » [Resolved] Change nav menu color and alignment

[Resolved] Change nav menu color and alignment

  • Hello!
    My site is http://www.vidtriangle.com .
    The theme is wonderful but I want to change the nav-menu text color to #ff5555. I have replaced every possible blue element in style.css but changed. And one more question: how can i align the nav-menu text items in the middle of their boxes?
    Thank you very much!

Viewing 14 replies - 1 through 14 (of 14 total)
  • Hello!

    That’s super easy. [section moderated – please keep the support in the forum; if you can provide a suggestion, please do it here] 🙂

    Can you be more specific? 🙂

    I found out how to modify the color, but I still can’t align the text in the middle of their boxes.

    You need to add color on style.css on line number: 434
    on following stlye:
    #navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited

    But most of the themes have an option on “Theme Options”.

    Hope that help!

    If you know how to edit stylesheets, you have to change the following code on line number 360:
    Under
    .secondary-navigation a {

    Change the text-align:left to text-align:center

    Thank you for your response.
    I have tried changind to text-align:center but it won’t align it as I want. To be more explicit, I want it to be something like this:
    http://vidtriangle.com/wp-content/uploads/2014/03/gdagda.jpg .

    Update: I have also tried vertical-align: middle; but with no luck.

    I see, try changing line-height: 1.4; to line-height: 3;

    My pleasure 🙂

    Keep it rocking!
    Hamza

    You’ve been of great help but unfortunately I can’t seem to get it to fully-work. I say “fully” because the text is moving down, but the boxes extend too. I’ve tried different modifying padding but I can’t get the texts exactly in the middle of their boxes without them extending.

    No worries.
    Try changing padding: 35px 30px 6px 20px

    Let me know if that works

    Thanks again! It looks like that adding padding: 28px 30px 6px 20px; works. But the drop-down arrow icons which are normally displayed near the text are now on top of the text. Any idea? And sorry for disturbing you so much.

    Yes I see, you only have to increase “top” on .secondary-navigation a .sf-sub-indicator on line:381

    change top to
    top: 37px;

    This should do it 🙂

    Feel free to post if you have any other questions.

    Yes, it works! Thank you very much again! You’ve been of great help for me!

    my pleasure 🙂

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘[Resolved] Change nav menu color and alignment’ is closed to new replies.
Skip to toolbar