Change text color of secondary menu

  • Unknown's avatar
    jakefitzyo · Member ·

    Hi all,

    Wanting to change the text color of the secondary menu. It’s currently black but wanting it to be #d4af37. Background would then need to be #00000.

    Please help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    shubhamgmath · Member ·

    Hi jakefitzyo

    Wanting to change the text color of the secondary menu

    – To change the text color of the secondary menu you need to add the following custom css code : 

    ul#menu-secondary li a {
    color: #d4af37;
}

    To change the background color of the menu( i suppose here that you need to make that complete block background as black if you need just the menu background to be black please let me know I will send you the code for that too)

    If you also want the background for the full block then you just need to add the code below: 

    .site-top {
    background-color: #000;
}

    Hope this helps. Feel free to ask

  • Unknown's avatar
    jakefitzyo · Member ·

    Awesome, that worked! Thank you for your help.

    Also, is it possible to change the text color of the footer and social media icons in the secondary menu?

  • Unknown's avatar
    shubhamgmath · Member ·

    Hi jakefitzyo

    is it possible to change the text color of the footer and social media icons in the secondary menu?

    //old code 

    .social-navigation a, .secondary-navigation a, .bottom-navigation a, .site-top, .site-info, .site-info a, #infinite-footer, #infinite-footer .blog-info a {
    color: #b5b5b5;
}

    //new code 

    .social-navigation a, .secondary-navigation a, .bottom-navigation a, .site-top, .site-info, .site-info a, #infinite-footer, #infinite-footer .blog-info a {
    color: #d4af37;
}

    If you will find difficulty in changing the code then just add the code to make changes as per your requirement

    social-navigation a, .secondary-navigation a, .bottom-navigation a, .site-top, .site-info, .site-info a, #infinite-footer, #infinite-footer .blog-info a {
    color: #d4af37 !important;
}

    Hope this helps.

  • Unknown's avatar
    jakefitzyo · Member ·

    It all worked perfectly, thank you for your help! Really appreciate it.

  • Unknown's avatar
    shubhamgmath · Member ·

    Cheers !!

    You’re Welcome. Happy to help you :)

  • Unknown's avatar
    jakefitzyo · Member ·

    Hey dude,

    How do I get rid of the side bar thing on the left of a blog post? Or at least move that to the bottom of the post instead of being on the left side there.

  • Unknown's avatar
    shubhamgmath · Member ·

    Hi jakefitzyo

    How do I get rid of the side bar thing on the left of a blog post?

    -Can you please let me know where did you don’t want the sidebar?
    If you don’t want it anywhere in your site and happy with this content to be in the footer section then here is the solution:
    We can remove the sidebar widget and add these things in the footer widget.

    Steps to add footer widgets:
    1. Go to Mysites
    2. Click on Customize.
    3. Click on Widget section.
    4. Click on Footer.
    5 Add all the widgets that are in the sidebar now to appear in the footer widget

    And once you are done with this then remove the sidebar widget as follows:
    step 1 to 3 same as above
    4. click on sidebar
    5 click one by one on the widget and select remove.

    Hope this helps.

    Please follow the instructions

  • Unknown's avatar
    jakefitzyo · Member ·

    Thank you for your help again!

  • Unknown's avatar
    shubhamgmath · Member ·

    You’re Welcome :)

  • Unknown's avatar
    jakefitzyo · Member ·

    Another problem has arisen.

    Wanting to change the color of the category tabs on the blog posts. Like for each post how it has the category attached to it, wanting that to be #d4af37.

    Hopefully I’ve explained that well enough haha.

  • The topic ‘Change text color of secondary menu’ is closed to new replies.