Home › Forums › WoodMart support forum › Set background for certain page
Set background for certain page
- This topic has 15 replies, 2 voices, and was last updated 3 years, 4 months ago by Elise Noromit.
-
AuthorPosts
-
November 22, 2020 at 5:28 am #243540
HadmjParticipantHello, 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
November 22, 2020 at 5:29 am #243541
HadmjParticipantsorry this is the image link https://imgur.com/a/QzYnC0k
November 22, 2020 at 3:50 pm #243619
Elise NoromitMemberHello,
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
November 22, 2020 at 5:09 pm #243632
HadmjParticipantalso How can I make one page only Boxed? thank you
November 22, 2020 at 6:51 pm #243654
Elise NoromitMemberHello,
Please provide the page URL which you want to make boxed.
Best Regards
November 22, 2020 at 8:35 pm #243669
HadmjParticipantHello Elise, here is the link, thank you
November 23, 2020 at 3:32 am #243698
HadmjParticipantcan you also please tell me if its possible to add a link to the background image of a page? and the Row background image?
November 23, 2020 at 9:41 am #243771
Elise NoromitMemberHello,
Unfortunately, there is no option to add a link to the background image.
Best Regards
November 23, 2020 at 12:21 pm #243839
HadmjParticipantaha, what about the boxed page? I have sent you the link
November 23, 2020 at 3:58 pm #243923
Elise NoromitMemberHello,
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 changesBest Regards
November 23, 2020 at 3:58 pm #243925
Elise NoromitMemberP.S. add this code to the Page settings not to the Global.
Best Regards
November 25, 2020 at 11:19 pm #244843
HadmjParticipantthank 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.
November 26, 2020 at 2:01 pm #245067
Elise NoromitMemberHello,
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
November 26, 2020 at 5:48 pm #245122
HadmjParticipantthank you very much but its not changing 🙂
what I meant is the header on the mobile
November 26, 2020 at 6:08 pm #245131
HadmjParticipantregarding 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?
November 26, 2020 at 9:19 pm #245172
Elise NoromitMemberHello,
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
-
AuthorPosts
- You must be logged in to create new topics. Login / Register