Background image on one page only

  • Resolved woosh

    (@woosh)


    6 years ago

    Can I have the background image between header and footer only on the front page and not on other pages as well? I only want it on the main/home page and thereafter have a simple clean white background color. Is this possible?

    I have tried custom .css:

    #main {
    background: url(“IMAGE URL”) no-repeat;
    }

    This .css works the image is between header and footer like this:

    https://www.dropbox.com/s/7iz82ew1tm9yh2a/examp.jpg?dl=0

    But this image is also on other pages – I guess since other pages have also same #main class. Can you help me please?

    • This topic was modified 6 years ago by woosh.
    • This topic was modified 6 years ago by woosh.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author aThemeArt Translations

    (@proscriptsell)

    6 years ago

    HI
    The free version have lot of limited ! we recommend to use pro so you can do everything from theme options .
    but you can try bellow css to update header color

    .section-page-header {
    background: #f5f5f5;
    }

    Thanks

    Thread Starter woosh

    (@woosh)

    6 years ago

    Thank you for your reply!

    section-page-header is a small part of a header.

    I’m talking about .blog-page-area.details-page, it has also a main id=”main” class=”site-main” role=”main”.

    Basically I need to insert picture into .blog-page-area.details-page, since every other page has the same class=”content-area blog-page-are details-page” then all other pages have the same picture.

    Is it possible to have a picture in .blog-page-area.details-page but only on ONE page?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background image on one page only’ is closed to new replies.