Okay
  Public Ticket #1916172
Reduce height of category pages header
Closed

Comments

  •  30
    damien started the conversation
    March 1, 2019 at 7:40pm

    Hi, hope you're well?

    Is it possible to reduce the height of the category page header?

    Thanks

    Damien

  •  30
    damien replied
    March 2, 2019 at 12:29am

    Hi again,

    I know its also possible to add an image into the header but is it possible to add a simple gradient instead?

    Thanks
    Damien

  •  8,996
    Tahir replied
    March 2, 2019 at 8:53am

    Hey Again,

    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):

    @media only screen and (min-width: 1000px) {
    .archive #page-header-bg, .archive #page-header-wrap {
        height: 200px !important;
    }
    .archive #page-header-bg .span_6 {
        top: 59% !important;
    }
}
.archive .page-header-bg-image:after {
    background-image: linear-gradient(180deg, #CDDC39, #E91E63);
}

    Thanks



    ThemeNectar Support Team 

  •  30
    damien replied
    March 3, 2019 at 4:06am

    Thankyou, that worked perfectly.


    Cheers