Okay
  Public Ticket #1855381
Multiple Blog Pages
Closed

Comments

  • josephwoods started the conversation

    Hi

    I've been using Salient to build a site for a client. I love the theme and will definitely be using again.

    One question - I have two pages containing blog elements filtered by different categories - Blog and Our Work. When looking at any individual blog page, however, the Blog element is underlined in the header, even if the Category is Our Work. Have currently removed all underlining on blog pages with CSS as a temporary measure, but this has also removed the animated underline on hover. Would be great to have a workaround where either the right page is underlined or none!

    Cheers



  •  75
    Scott replied

    Hey there,

    Thanks for reaching in,

    I'm not sure i understand you. Do you mean the blog heading in the single post page?

    Regards

    Themenectar Support Team

  • josephwoods replied

    Hi

    Thanks for the reply

    I mean I have two (now three) different pages containing the blog feed, filtered by different categories - this is working really well.

    However, if a user hits a single post page via one of these, 'Blog' is underlined as the active page in the navbar. 

    It would be much better if the category page was underlined, or even nothing

    Best


  •  9,063
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    li#menu-item-273 :after {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  • josephwoods replied

    Hi Tahir

    This is ace, but also breaks the blog underline on hover in the navbar. Is there a way to keep this?

    Best

    J

  •  9,063
    Tahir replied

    Remove the css earlier provided and use below.

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    li#menu-item-273 a:hover:after {
        width: 100% !important;
    }
    li#menu-item-273 :after {
        width: 0px !important;
    }

    Thanks


    ThemeNectar Support Team