Okay
  Public Ticket #1855504
Salient Product Category Header background
Closed

Comments

  • Milkbag started the conversation
    January 15, 2019 at 4:15pm

    Hi, I'm trying to change the Salient Woo Commerce - Product Category Header background height and colour. Is this possible? 

    Alternatively, can I change the height of the image background here too - and remove the filter over it please?

    Many Thanks

  •  75
    Scott replied
    January 16, 2019 at 5:18pm

    Hey there,

    Thanks for reaching in,

    Please send a link to your page so we can have a look at this.

    Regards

    Themenectar Support Team

  •   Milkbag replied privately
  •  3,030
    Andrew replied
    January 17, 2019 at 6:43pm

    Hi,

    You can try the following General Settings > CSS/Script Related > Custom CSS Code to change the header for the product archive page.

    .archive.tax-product_cat #page-header-wrap #page-header-bg,
.archive.tax-product_cat #page-header-wrap{
    height: 150px !important;
}
.archive.tax-product_cat #page-header-wrap .page-header-bg-image{
    background-image: none !important;
    background-color: red !important;
}

    Regards

  • Milkbag replied
    January 22, 2019 at 10:55am

    Hi Andrew, 

    works great, many thanks for that! Do you know how to take the opacity (shading) off the headers too?

    Thanks so much!

  •  8,996
    Tahir replied
    January 22, 2019 at 10:59am

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

    .single [data-post-hs="default_minimal"] .page-header-bg-image:after, .archive .page-header-bg-image:after {
    background-color: rgba(45,45,45,0) !important;
}

    Thanks

    ThemeNectar Support Team 

  • Milkbag replied
    January 22, 2019 at 12:13pm

    Thanks so much Tahir, you've cracked it! ;-))