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

[ballisticone]

Hello,

i need help with this , i need to remove all the shadow under the products thumbnail in check out page / blog page / blog Carousel

Thank you

[ballisticone]

This reply has been marked as private.

[David Martin – Support]

Hi,

For your first post:

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

1) The actual tab display is custom to their site. But to add size to a product you simply need to add a product attributes: https://docs.woothemes.com/document/managing-product-taxonomies/.

2) That is just a version of this page with a bit of customisation on their part: http://neighborhood.swiftideas.com/shop/?sidebar=no-sidebar. Example to get it close to theirs:

.post-type-archive-product .page-heading.asset-bg.alt-one,
.woocommerce-count-wrap,
form.woocommerce-ordering {
    display: none;
}

.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products, p.no-items {
    border-top-color: transparent;
}

3) Just for that page? Please test this:

media (min-width: 1200px) {
.page-id-10527 .sidebar.span4 {
    max-width: 25%!important;
}
}

Thanks.

[ballisticone]

This reply has been marked as private.

[David Martin – Support]

Hi,

1) You can use the Swift Page Builder tabs, you can add the tabs to the product content area.

2) Dashboard => Theme Options => Font Options

3) Please test this instead:

.page-id-10527 .sidebar.span4 {
    max-width: 25%!important;
}

Thanks.

[ballisticone]

This reply has been marked as private.

[ballisticone]

This reply has been marked as private.

[David Martin – Support]

0)

.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;
}

1) You should be able to insert the shortcode yes or in the product description using the Page Builder.

2) The price font is derived from the p tag. Or you can style it with it’s CSS selector:

.woocommerce div.product .summary p.price, .woocommerce-page div.product .summary p.price { /* your styles */ }

3)

Please test this:

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

Thanks.

[ballisticone]

This reply has been marked as private.

[David Martin – Support]

Hi,

0) I don’t see this, please add a screenshot.

1) Please use this shortcode:

[spb_tabs width="1/1" el_position="first last"] [spb_tab title="Tab 1" icon="" id=""] [spb_text_block pb_margin_bottom="no" pb_border_bottom="no" width="1/1" el_position="first last"]

This is a text block. Click the edit button to change this text.

[/spb_text_block] [/spb_tab] [spb_tab title="Tab 2" icon="" id=""] [spb_text_block pb_margin_bottom="no" pb_border_bottom="no" width="1/1" el_position="first last"]

This is a text block. Click the edit button to change this text.

[/spb_text_block] [/spb_tab] [/spb_tabs]

2)

You add custom CSS to your Theme Options => Custom CSS. To change the price font size, use this and change the font size to your needs:

.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;
}

3)

Please change to this:

.page-id-10527 .sidebar.span4 {
    max-width: 270px!important;
}

4) The promo bar on the blog page? Please use ths:

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

Thanks.

[ballisticone]

This reply has been marked as private.

[ballisticone]

This reply has been marked as private.

[David Martin – Support]

2) Please use this:

3) Then it has changed surely? The sidebar widths are the same for me: http://www.sneakavilla.net/sale/ and http://www.sneakavilla.net/shop

If you mean the product list, test this:

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

4) Please use this:

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

Thanks.

[ballisticone]

This reply has been marked as private.

[David Martin – Support]

Hi,

2) Please test this:

.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;
}

3) This should do it, did you test it:

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

4) That CSS is working here: http://www.sneakavilla.net/shop/ Please clear your cache and re-test?

Thanks.