custom banner color per page

  • Resolved xirnibor

    (@xirnibor)


    8 years, 2 months ago

    hello – i’m trying to change the color of the banner of 1 page on my site – i’ve tried adding this code to custom css – but it doesn’t help – i’ve also tried variations of the code such as the page, banner, banner-slider – so far nothing changes the banner color – any help is appreciated

    .page-id-2855 #tt-boxed-layout {-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);}
    .banner, .banner-slider, .small_banner{background:none !important;background-color:#FFF !important;}

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hey @xirnibor! Do you have a link to your site directly? It’s hard to know how to style the banners without seeing the actual HTML and CSS for the whole site.

    Thread Starter xirnibor

    (@xirnibor)

    thank you for the reply – currently the site isn’t live, however it will be in the next 24hours –

    Thread Starter xirnibor

    (@xirnibor)

    https://www.saxmanone.com – if you visit the capabilities pages, the banner area on those 3 pages ONLY we’re looking to have a different color – page id 2855, 2842, 2865

    There are some plugin and some theme who could customise the wolor and other option from specific pages. hope you will find your own solution.

    Hey @xirnibor! You should be able to change the background color of the banner-slider div on those pages with some css that looks like:

    
body.page-id-2855 .banner-slider {
    background-color: red !important;
}

    Each page has a body class that has the format page-id-{POST ID}. So you can just change out the number in the code block to match each individual page.

    (also, change red to whatever color you want)

    Thread Starter xirnibor

    (@xirnibor)

    thanks all for the replies. the last suggestion works great! (@Ryan)

    @xirnibor If your issue is fixed now would you mind resolving this topic?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘custom banner color per page’ is closed to new replies.