Blask theme – Removing horizontal lines from menu

  • Unknown's avatar
    jamessoldan · Member ·

    Hey

    I’m trying to figure out how to remive the horizontal grey lines that divide the menu items on the left hand side of my site. Using the Blask theme – if any body can help me out with some CSS for this it’d be much appreciated as I can’t seem to figure it out.

    https://jamessoldan.com

    thanks alot

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

  • Unknown's avatar
    pavanraheja · Member ·

    Hi @jamessoldan,

    You can remove the horizontal gray lines, which act as the top border for your navigation menu. You can use the custom CSS code to help you with it. You can adjust the color using the Hex color code.

    .posts-navigation, .post-navigation, .main-navigation li, .footer-widget-area, table {
       border-top-color: #ffffff;
}

    Also, when you remove the borders, the Menu seems to be merging in with the other text on the blog. You can either change the color of the Menu or change the Mouse Hover color on the Menu. You can use the following code Snippets. You can adjust the color as per your need.

    Menu Color Change CSS 

    .main-navigation a {

    color: #8f2323;

}

    Menu Mouse Hover Color CSS

    .main-navigation a:hover {

    color: #8f2323;

}

    Hope this helps, let us know for any further questions.
    Thanks!

  • kathrynwp · Staff ·

    Looks like you’re all set thanks to pavanraheja’s CSS – thanks, P!

    Marking this as resolved.

  • The topic ‘Blask theme – Removing horizontal lines from menu’ is closed to new replies.