remove the shadow under the products thumbnail in check out page / blog page

[ballisticone]

This reply has been marked as private.

[David Martin – Support]

Hi,

3)

Can you add an illustrated screenshot as it seems I am not following you correctly.

4)

Please use this:

#footer h4:before {
    border-color: transparent!important;
}

#footer .widget ul li {
    border-color: transparent!important;
}

Thanks.

[ballisticone]

This reply has been marked as private.

[David Martin – Support]

3 Please also add:

@media (min-width: 1200px) {
body.page-id-10527 .inner-page-wrap .span8 {
    width: 870px;
}
}

3b) To remove the top spacing:

.post-type-archive .inner-page-wrap {
    margin-top: 0;
}

4) Please also add this for the sidebar:

.sidebar .widget-heading h4:before {
    border-top: transparent;
}

Thanks.

[ballisticone]

Hi ,

3. & 4. still not working,
side bar goes under the products. i have to take that code in #3 out.

please see what my code is they might conflict each other .

.post-type-archive .inner-page-wrap {
    margin-top: 0;
}

.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
    background: transparent!important;
    color: #ff0000 !important;
    font-size: 10px;.
    right: 10px!important;
    top: 10px!important;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);

}

#footer h4:before {
    border-color: transparent!important;
}

#footer .widget ul li {
    border-color: transparent!important;

}

.woocommerce div.product .summary p.price, .woocommerce-page div.product .summary p.price, ul.products li.product .price, .woocommerce ul.products li.product .price {
    font-size: 12px;
    margin-top: -6px;
}

.widget_product_categories ul.children {
    border-top: none;
}

@media (min-width: 1200px) {
.product_list_widget.products-standard.woocommerce.spb_content_element.span8 {
    width: 870px!important;
}

body.blog #promo-bar {
    display: none;
}

.woocommerce div.product .summary p.price, .woocommerce-page div.product .summary p.price,
ul.products li.product .price, .woocommerce ul.products li.product .price {
    font-size: 12px;
}

.bag-product figure,
.woocommerce table.shop_table img, .woocommerce-page table.shop_table img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

h4.spb_heading:before, h4.lined-heading:before {
border-top: transparent;

}

.recent-post figure,
.woocommerce ul.products li.product figure {
   box-shadow: none!important;
}

.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}

.single-post figure.media-wrap.full-width-detail {
    margin: 0 auto 40px auto;
}

.spb-column-container > .spb-asset-content > .container > .row, .spb-column-container > .spb-asset-content > .fw-row > .container > .row {
 margin-left: 0;
}
.spb-column-container > .spb-asset-content > .container > .row > [class*="span"]:first-child, .spb-column-container > .spb-asset-content > .fw-row > .container > .row > [class*="span"]:first-child {
 margin-left: 0;
}

.spb_single_image.span12  img.attachment-full{
width:100% !important;
}

.page-heading h1{white-space:pre-wrap !important;}

#product-img-slider .lSSlideWrapper {
    box-shadow: none !important;
}

.woocommerce div.product .entry-title {display: none !important;}

}

figure .overlay {
  background-color: #FFFFFF!important;
}
figure:hover .overlay {
  box-shadow: inset 0 0 0 500px #FFFFFF!important;
}
.fa-file-o:before {
 display:none;
}
.overlay .thumb-info i{display:none !important;}

.product-navigation{display:none !important;}

#product-img-slider { box-shadow: none !important;}

span.posted_in{display:none !important;}

.full-width-text {
  padding-bottom: 10px;
  padding-top: 10px;
}

#header-subscribe {
  width: 250px;
}
#mc-embedded-subscribe.button {
  margin-top: 10px;
}

nav#main-navigation .menu > li.menu-item-12768 > a {
    color: #ff0000 !important;
}

.spb_single_image figure .thumb-info, .spb_single_image figure:hover > a > .overlay{
display:none;
}

.product-carousel .posted_in { display: none; }

.single-post .inner-page-wrap{
margin-top:0px!important;
}

.woocommerce-checkout .continue-shopping { display: none; }
.woocommerce-checkout .my-account-right { width: 100%; }

.sidebar-widget-wrap .title-wrap, .sidebar .widget-heading h4 {
margin-bottom: 0px!important;
}

.woocommerce ul.products li.product figure {
  box-shadow: none!important;
}

@media only screen and (min-width: 768px) { 
/* IMAGE AREA */
.woocommerce div.product div.images {
width: 65%;
}
/* DETAILS AREA */
.woocommerce div.product div.summary {
width: 32%;
}

}

#product-accordion, .product_meta {
  display: none;
}

ul.products li.product .price {
  float: left;
  width: 100%;
  margin-top: 5px;
}
#product-accordion {
  display: none;
}
#breadcrumbs {
  box-shadow: none;
}

.woocommerce div.product .entry-title {
  display: block;
  margin-bottom: 10px;
}

.woocommerce .cart_totals table tr.shipping td {
  width: 40%;
}

.woocommerce .order_details li, .woocommerce-page .order_details li { font-size: 1.2em; }

.woocommerce-checkout .my-account-left { display: none; }

ul.products li.product .price {
  font-size: 12px;
}

.woocommerce ul.products li.product figure {
  box-shadow: none;
}

.product-details .posted_in > a {
  display: none;
}

li.product figcaption .shop-actions {
  display: none;
}

.single-post figure.media-wrap.full-width-detail{text-align:center !important;}
.single-post figure.media-wrap img { height: auto !important;width: auto !important;}

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

It show fine for me? http://d.pr/i/1j5Xq/RDiwVSyD

– Kyle

[ballisticone]

please see file attached.

Thanks.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

That’s because the first is a woocommerce shop page, the second is just a page built with the page builder. The sidebar is different on both of these as the theme is built on bootstraps 12 column grid, for the shop page we use 3 columns for the sidebar, leaving 9 columns for the products which are 3 col width each, resulting in everything fitting nicely.

3 3 3 | 3

For pages, we use 4 col for the sidebar leaving 8 col for the page builder. We need to use 8 col for the page builder because of the widths you can set for the page builder assets, and it would not work if we used 9. For e.g if you set a page builder asset to 1/2 width, you can’t half 9 columns.

Hope this makes sense

– Kyle

[ballisticone]

I dont really get it , can you help me to get the same result ?
before i update to this version i have no problem with these pages .

Thanks.

[Kyle – SUPPORT]

The sale page is not an official woocommerce page so you can’t have the same sidebar width.

– Kyle

[ballisticone]

why last version before i updated to current version of template has no problem with it ?
any ways that i can make the sale page and with that sidebar ?

Thanks.

[Kyle – SUPPORT]

Unfortunately woocommerce don’t create a page automatically for sale products, so you have to create your own using the page builder. However like I said the sidebar on page builder pages is different to shop pages.

It has always been like this, it was not a smaller sidebar on an older version of the theme

– Kyle

[Kyle – SUPPORT]

Try adding this to your custom css:

@media only screen and (min-width: 1201px) { 
.page-id-10527 .left-sidebar.span4 {
  width: 270px;
}
.page-id-10527 .page.span8 {
  width: 870px;
}
body .has-one-sidebar .products-standard.span8 ul.products li.product {
  width: 270px;
}
}

– Kyle

[ballisticone]

it works now.

i really appreciate you and your team that help me out .

[Kyle – SUPPORT]

No problem 🙂