Home Forums WoodMart – Premium Template Set background for certain page

This topic contains 10 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 11 hours, 18 minutes ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #243540

    Hadmj
    Customer

    Hello, I am trying to set a custom background for one page only the page is Boxed and I need the background to be behind the box, I tried to add this CSS

    .page .main-page-wrapper {
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        background-image: url(http://site/wp-content/uploads/revslider/books1/bg.jpg);
    }

    and this

    .page {
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        background-image: url(https://site/wp-content/uploads/2020/11/sasf-scaled.jpg);
    }

    Check here https://imgur.com/undefined

    #243541

    Hadmj
    Customer

    sorry this is the image link https://imgur.com/a/QzYnC0k

    #243619

    Hello,

    Please add this code to the Page settings of the home page:

    body .main-page-wrapper {
        background-repeat: no-repeat;
        background-size: cover!important;
        background-attachment: scroll;
        background-image: url(web.net/wp-content/uploads/revslider/fullscreen/full-width-layout-slide-5.jpg);
    }

    Insert the URL of your image.

    Best Regards

    #243632

    Hadmj
    Customer

    also How can I make one page only Boxed? thank you

    #243654

    Hello,

    Please provide the page URL which you want to make boxed.

    Best Regards

    #243669

    Hadmj
    Customer

    Hello Elise, here is the link, thank you

    Private Content Hidden
    #243698

    Hadmj
    Customer

    can you also please tell me if its possible to add a link to the background image of a page? and the Row background image?

    #243771

    Hello,

    Unfortunately, there is no option to add a link to the background image.

    Best Regards

    #243839

    Hadmj
    Customer

    aha, what about the boxed page? I have sent you the link

    #243923

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .main-page-wrapper {
        max-width: 1170px;
        margin: auto;
        border: 1px solid red;
    }

    Set the max-width as per your needs. and then remove the last line border: 1px solid red; I provided it just for you to see how it changes

    Best Regards

    • This reply was modified 11 hours, 19 minutes ago by Elise Noromit Elise Noromit.
    #243925

    P.S. add this code to the Page settings not to the Global.

    Best Regards

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.