Return to previous page

IDstore full image background - by slice

This topic has 4 replies, 2 voices, and was last updated 7 years, 4 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
Boxed Store – WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Minimal Fashion 03 Store – 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.