Return to previous page

IDstore full image background - by slice

This topic has 4 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

  • Avatar: slice
    slice
    Participant
    September 19, 2017 at 01:10

    Hello hope someone cane help site layout is wide and would like to add an image to the background of the full page. full page meaning header, body, footer from top to bottom and side to side. How is this done. I have tried add css code in default.custom.css I have enabled custom css file in setup. Help please THANKS

    #172760 Copied Theme version: Latest Version 4.4 WooCommerce version: latest version
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 19, 2017 at 08:57

    Hello,

    Please try to use this code in custom css:

    .wide .wrapper {
 	background-image: url(http://www.slicepumpkit.com/wp-content/uploads/2017/09/BACK-GROUND-72-1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.wide .container_footer_bg,
.wide .footer_container, 
.wide .footer-black-bg, .container, 
.wide .footer-black-bg .container,
.wide .header-bg {
	background-color: transparent !important; 
}

    Regards

    #172791 Copied
    Avatar: slice
    slice
    Participant
    September 19, 2017 at 21:40

    Thank you very much works perfect. THANKS AGAIN

    #172918 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 20, 2017 at 08:03

    You’re welcome!

    Regards

    #172942 Copied

  • Tagged: , , , ,

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.