Where can i check if i have a Syntax error?
This is our CSS code:
.sf-menu > li > a {
padding: 0 30px 0 22px;
}
.sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after {
background-color: #4d4d4d;
}
.woocommerce .product .onsale {
background: #ff5555;
border-radius: 4px;
/* box-shadow: none; */
/* text-shadow: none; */
margin: 4px;
padding: 2px 7px 2px 7px;
line-height: 32px;
font-size: 12px;
}
.single-product .product .summary .cart .button {
border: 1px solid #008c00;
box-shadow: inset 0 -2px 0 0 #090;
color: #fff;
background: #00b900;
font-size: 15px;
padding: 15px 140px 15px 140px;
text-shadow: none;
border-radius: 2.5px;
}
.heading-section {
display: block;
text-align: center;
position: relative;
margin-bottom: 20px;
margin-top: 15px;
}
.heading-section {
position: relative;
background: #25366d;
z-index: 2;
color: white;
text-transform: uppercase;
border-style: solid;
border-left-width: 25px;
border-right-width: 25px;
border-color: white;
font-size: 24px;
padding: 10px 30px;
}
.woocommerce .product a.button, .woocommerce .product #respond input#submit, .woocommerce .checkout input#place_order, .woocommerce .woocommerce.widget .button {
border: 1px solid #008c00;
box-shadow: inset 0 -2px 0 0 #090;
color: #fff;
background: #00b900;
font-size: 14px;
padding: 13px 29px 13px 29px;
text-shadow: none;
border-radius: 2px;
}
.td_mega_menu_sub_cats .cur-sub-cat {
color: #25366d;
}
.sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a {
background-color: #25366d;.td-pb-row [class*="td-pb-span"] {
display: block;
min-height: 1px;
float: left;
padding-right: 24px;
padding-left: 48px;
position: relative;
}.td-pb-row {
padding-left: 48px;
}
.heading-section {
background: #25366d;
z-index: 2;
color: white;
text-transform: uppercase;
border-style: solid;
border-left-width: 385px;
border-right-width: 385px;
border-color: #fff;
font-size: 24px;
padding: 15px 87px;
align-content: center;
}
.td-related-title .td-cur-simple-item {
background-color: #25366d;
}
.woocommerce .product .woocommerce-tabs .tabs .active {
background-color: #25366d
}
.woocommerce .product .button:hover {
background-color: #06ad06;
}
.single-product .product .summary .cart .button:hover {
background-color: #06ad06;
}
.td-a-rec-id-sidebar div{
display: table;
margin-left: auto!important;
margin-right: auto!important;
}
Hi Catalin,
Tried the exact same code in our custom CSS field, but without result, also after clearing cache.
I would like to give you access to check why this is still occurring.
Could you please help?
Hi Alin,
Thanks for your reply!
I added the code as you suggested to the Custom CSS part in the Admin area, but the banners in the sidebar are still nog aligned in center.
Do you have any idea why?
Thanks Chris, it was, indeed, an inline ad. Which i have currently solved by disabling it.
Here is the page where i’m trying to integrate it: http://test.skien.nl/reizen