Return to previous page

How to remove this custom css - by Fiz - on WordPress WooCommerce support

This topic has 3 replies, 2 voices, and was last updated 3 years ago ago by Fiz

Fiz

Participant

October 21, 2021 at 18:37

Hi, in your demo import for https://xstore.8theme.com/elementor/demos/organic-cosmetics/ there’s a bg image that being hardcoded in the css that I could not remove due to the !important tag. I already clear all bg image in the customizer but it still appear. I searched in the customizer global css but only part of below css in there. All other mobile breakpoint css are empty. Cleared browser cache still the same. No cache plugin is used. Pls help where I can find these css? Can you check your demo and let me know where did you put the home-bg.png image?

.btn-checkout:hover,.btn-view-wishlist:hover{opacity:1 !important}.page-heading{margin-bottom:25px}body>.et-loader{background-color:rgba(217,241,225,0.7)}body:not(.et-preloader-hide) .template-container{filter:blur(10px)}.et_b_header-account.login-link .et-facebook-login-button,.et_b_header-account.login-link .button,.et_element .btn-checkout,.et_element .btn-view-wishlist,.checkout-button,.form-row.place-order .button,.button,.btn,input[type="submit"],form button{font-size:1.14rem;height:auto}.et_b_header-account.login-link .et-facebook-login-button,.et_b_header-account.login-link .button{line-height:1 !important}.et_b_header-account.login-link .et-facebook-login-button,.et_b_header-account.login-link .button,.et_element .btn-checkout,.et_element .btn-view-wishlist{padding:10px}.ajax-search-categories .products-grid{padding:0 20px}.read-more.btn,.btn.medium{font-size:1.14rem}.content-page,.page-content,.page-heading .container{background-color:white;border-radius:20px}.page-heading .container{padding:75px 0 55px 0}.page-heading{margin-bottom:-30px}.woocommerce-wishlist .page-heading,.woocommerce-account .page-heading{background-color:transparent}.elementor-element .elementor-text-editor a:not(:hover){color:#069f39}.elementor-text-editor a{text-decoration:underline}.products-loop .type-product{padding-top:15px}.products-loop .product,.swiper-container .product-slide{transition:all .2s ease-in-out}.products-loop .product:hover,.carousel-area .product-slide:hover{box-shadow:0 0 10px 3px rgba(0,0,0,.1);z-index:2;transform:translateY(-5px);border-radius:5px}.products-slider{padding:10px 12px 0}.single-product-builder .page-heading .a-center{text-align:start}.error404 .widget_search button{border-radius:0;background-color:#222}@media only screen and (min-width:1200px){.content-page,.page-content{padding:75px 115px}}@media only screen and (max-width:992px){.content-page,.page-heading .container{max-width:calc(100% - 30px);padding-top:15px;padding-bottom:15px}.single-post .content-page,.single-post .page-heading .container{max-width:100%;padding:15px}}body{background-image:url(https://xstore.8theme.com/demos/2/organic-cosmetics/wp-content/uploads/sites/34/2020/02/home-bg.png)!important}.page-heading{margin-bottom:25px}.swiper-custom-right:not(.et-swiper-elementor-nav),.swiper-custom-left:not(.et-swiper-elementor-nav){background:transparent !important}@media only screen and (max-width:992px){.header-wrapper,.site-header-vertical{display:none}}@media only screen and (min-width:993px){.mobile-header-wrapper{display:none}}.swiper-container{width:auto}.content-product .product-content-image img,.category-grid img,.categoriesCarousel .category-grid img{width:100%}

#306125 Copied Theme version: 808

2 Answers

Rose Tyler

Support staff

October 22, 2021 at 10:19

Hello,

Edit Home page > [8theme] Layout options > Custom background image – https://prnt.sc/1x2ihzk

Regards

#306167 Copied

Fiz

Participant

October 22, 2021 at 10:29

thank you!

#306169 Copied
Tagged: custom css, guide, remove, templates, tutorial, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)