Home Forums WoodMart support forum Set background for certain page

Set background for certain page

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

    Hadmj
    Participant

    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
    Participant

    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
    Participant

    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
    Participant

    Hello Elise, here is the link, thank you

    #243698

    Hadmj
    Participant

    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
    Participant

    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

    #243925

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

    Best Regards

    #244843

    Hadmj
    Participant

    thank you elise.

    can you please tell me how to change the size of the mobile menu icon (3 dashes) cart, wishlist, and search icon on the header.

    #245067

    Hello,

    Please add this code to the Page settings:

    body .main-page-wrapper {
        max-width: 1200px;
        margin: 0 auto;
    }

    Set the width as per your needs.

    Best Regards

    #245122

    Hadmj
    Participant

    thank you very much but its not changing 🙂

    what I meant is the header on the mobile

    https://imgur.com/a/2e0JEHM

    #245131

    Hadmj
    Participant

    regarding this code

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

    how to add shadow just like the boxed option in the theme settings? also how to add a background behind the boxed content?

    #245172

    Hello,

    Please try this code:

    @media screen and (max-width:320px){
    body .whb-sticky-prepared .whb-main-header {
        max-width: 300px;
        margin: 0 auto;
    }
    }

    Best Regards

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