Home Forums WoodMart – Premium Template Set background for certain page

This topic contains 15 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 5 months, 2 weeks ago.

Viewing 16 posts - 1 through 16 (of 16 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 5 months, 3 weeks ago by Elise Noromit Elise Noromit.
    #243925

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

    Best Regards

    #244843

    Hadmj
    Customer

    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
    Customer

    thank you very much but its not changing 🙂

    what I meant is the header on the mobile

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

    • This reply was modified 5 months, 2 weeks ago by  Hadmj.
    • This reply was modified 5 months, 2 weeks ago by  Hadmj.
    #245131

    Hadmj
    Customer

    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)

You must be logged in to reply to this topic.