Custom title header for category pages

Support Forums for LiveMesh Themes & Plugins Forums Squash Theme Support Custom title header for category pages

This topic is: resolved

Tagged: , ,

This topic contains 0 replies, has 1 voice, and was last updated by Livemesh livemesh 5 years, 6 months ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #1105
    Livemesh
    livemesh
    Keymaster
    Post count: 1011

    You can either use the category slug or the id to achieve this. As an example, if the category id is 3 or the name is inspiration, you can input the following into Custom CSS tab in theme options panel –

    .category-inspiration #before-content-area-wrap {
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center top;
        background-image: url(http://example.com/bg1.jpg);
        background-color: transparent;
        background-size: cover;
        border: none;
        box-shadow: none;
        padding: 115px 0; /* Control the height of the header */
        }
    

    or use the category id

    .category-3 #before-content-area-wrap {
    ....
        background-image: url(http://example.com/bg1.jpg);
    ....
        padding: 115px 0; /* Control the height of the header */
        }
    
Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.