Tagged: woocommerce
I cannot get rid of a border around the Woo store sitewide banner. I have tried this CSS among other things:
p.demo_store {
margin-top: 0 !important;
background: #3b3b3b !important;
color: #f92a7d !important;
border-style: none !important;
border: 0 !important;
padding: 1;
}
.woocommerce-demo-store div#wrap_all {
margin-top: 40px;
border-style: none !important;
border: 0;
padding: 0;
}
.woocommerce-demo-store #page-wrapper {
border-style: none !important;
border: 0;
padding: 0;
}
I am trying to get just a simple, flat color banner with no borders. I cannot seem to find what this is or what controls it. Can you help?
Thank you.
– Michael
Hi blaircomm!
Please remove the css which did not work for you and share a link to page where we can inspect the element in question. i checked you site but could not make out which banner you are referring to… you can find most of the options in Enfold > general Styling >
However if you cannot find what you want there we will provide you custom css for this. please let us know acurite info.
Regards,
Vinay
Hi:
I have removed unworking CSS. The banner is at the top of every page. It says, “For a limited time new shoppers get 20% OFF! Enter code “ilove20″ at checkout.”
It is called a “sitewide banner” in Woocommerce and is activated there. It is supposed to be controlled by “p.demo_store { }”, but noting I try with that works. You can see what I have tried also in related markups.
Thank you.
– Michael
Hey!
To remove the border please use the css below to remove it.
p.demo_store {
box-shadow: none!important;
}
Best regards,
Vinay
That worked perfectly!
Thank you.
– Michael
Hey!
glad we got it solved out!
Please do let us know if we can do anything else for you, we will be happy to assist!
Regards,
Basilis