WordPress.org

Forums

Point
[resolved] Change nav menu color and alignment (15 posts)

  1. rptoma
    Member
    Posted 1 year ago #

    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!

  2. Design Tempest
    Member
    Posted 1 year ago #

    Hello!

    That's super easy. [section moderated - please keep the support in the forum; if you can provide a suggestion, please do it here] :)

  3. rptoma
    Member
    Posted 1 year ago #

    Can you be more specific? :)

  4. rptoma
    Member
    Posted 1 year ago #

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

  5. Design Tempest
    Member
    Posted 1 year ago #

    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!

  6. Design Tempest
    Member
    Posted 1 year ago #

    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

  7. rptoma
    Member
    Posted 1 year ago #

    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.

  8. Design Tempest
    Member
    Posted 1 year ago #

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

  9. Design Tempest
    Member
    Posted 1 year ago #

    My pleasure :)

    Keep it rocking!
    Hamza

  10. rptoma
    Member
    Posted 1 year ago #

    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.

  11. Design Tempest
    Member
    Posted 1 year ago #

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

    Let me know if that works

  12. rptoma
    Member
    Posted 1 year ago #

    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.

  13. Design Tempest
    Member
    Posted 1 year ago #

    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.

  14. rptoma
    Member
    Posted 1 year ago #

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

  15. Design Tempest
    Member
    Posted 1 year ago #

    my pleasure :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.