Background image on a page

  • wondering if anyone can help me with a code.

    site: https://tututales.me/

    on this particular page there is a white box with content and a background image.

    What I would like to do is keep that background image but turn the white content area into a background image with content on top.

    I only want that to appear on this page, no other pages (e.g. not on the blog etc).

    Any suggestions on a code for that and if I should put the code on the page or in a CSS?

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

  • What i understand is to remove the white background and place the content on the white area on the background image. To do this please add the following css in your theme’s stylesheet:

    .page-id-2 body.landline .wrapper{
background:transparent;
box-shadow: none;
}
    Thread Starter SmartRobbie

    (@smartrobbie)

    Thanks for your quick response, that didn’t seem to do anything.

    What I want to do is turn the white box (where the content is) into one big image with the content sitting on top. The current background image on the right will say, so there will be 2 images showing on this page only.

    i tried something like this, but didnt seem to work:

    .page-id-2{
         background-image: url(https://tututales.me/wp-content/uploads/2014/10/IMG_3360.jpg);
         }

    [ No bumping please. ]

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