Docs

[TomasJarvling]

Hi.
On this page: http://www.antoniofiorelli.se/produkt/kostym-2/#kostym i have created at composite product in woocommercer. I would like to remove the picture border around the product picture. This is what woo commerce support wrote:

Hi Tomas,

Thanks for contacting WooCommerce!

This is added by your theme and not WooCommerce. You should contact your theme author or a CSS expert to help you with theme changes. Unfortunately we cannot help with CSS customizations here I’m afraid.

If you’re not sure about CSS, take a look at this guide: https://cssworkshop.wordpress.com/

To help point you in the right direction, the CSS that currently controls it is

.widget_best_sellers ul li a img, .widget_shopping_cart ul li a img, .widget_products ul li a img, .widget_featured_products ul li a img, .widget_onsale ul li a img, .widget_random_products ul li a img, .widget_recently_viewed_products ul li a img, .widget_recent_products ul li a img, .widget_recent_reviews ul li a img, .widget_top_rated_products ul li a img
In this theme CSS file: http://www.antoniofiorelli.se/wp-content/themes/x/framework/css/dist/site/woocommerce/renew.css

Hope that helps, all the best!

Regards,

Joel W – Happiness Engineer

Can you help me?

Tomas

[Rue Nel]

Hello Tomas,

Thanks for writing in! To remove the border around the image of the product in your site, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.widget_best_sellers ul li a img, 
.widget_shopping_cart ul li a img, 
.widget_products ul li a img, 
.widget_featured_products ul li a img, 
.widget_onsale ul li a img, 
.widget_random_products ul li a img, 
.widget_recently_viewed_products ul li a img, 
.widget_recent_products ul li a img, 
.widget_recent_reviews ul li a img, 
.widget_top_rated_products ul li a img {
    border: none;
    padding: 0;
}

Hope this helps. Kindly let us know.

[TomasJarvling]

Hi.
I added the code but the lines are still there.
Tomas

[Thai]

Hi There,

Please try adding the following CSS:

.woocommerce div.product .images .x-img-thumbnail,
.woocommerce li.product .entry-featured {
    border: none;
    padding: 0;
}

And also remove this CSS:

//.x-topbar .p-info {
    float: right;
}

Hope it helps 🙂

[TomasJarvling]

Perfect. Thanks

[Thai]

If you need anything else please let us know.

[TomasJarvling]

Perfect.
Do you know how I change the words “The shop”? Is that in the plugin or in the theme?

Tomas

[Christian]

You can change the Shop Title under Appearance > Customize > Ethos

Thanks.

[TomasJarvling]

Perfect. Thanks.
In the picture, the word is not vertically centered. Is that possible to adjust?

Tomas

[Thai]

Hi Tomas,

Please add the following CSS:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
}

Hope it helps 🙂

[TomasJarvling]

Hi.
I added the css but i still would like the headline “butik” to be more centered vertically.

Tomas

[Rad]

Hi there,

It’s vertically centered, but overlapping with the menu since you gave your menu a 20px height. Please go to Admin > Appearance > Customizer > Header > Navbar Height and set it to 50.

Hope this helps.

[TomasJarvling]

Ahh, sorry:)

Tomas

[Rue Nel]

No Problem.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts