[SandieParticipant]

Hi,

I’m opening up an online store using the add-on WooCommerce, and I need some help with a few things.

1. How do I do to take away the box around all my products on the product page for each item?
This is how it looks like now: http://prntscr.com/e87d98

2. Some of the text in WooCommerce is still in english. Both on the product pages, cart, check out. As you can see here: http://prntscr.com/e87dmz

How do I change that to swedish? I have already choosen Swedish as the WP langauge in the settings.

3. On the Shop page (https://youpheal.com/shop/) I have added a sidebar with a meny. Nw it looks like this: http://prntscr.com/e87ep5

Is it possible to make some design changes to the meny for it to look a bit better? Similar to this: http://prntscr.com/e87fme

Thanks!

Best Regards
/Sandra

[RupokMember]

Hey Sandra,

Hope you are doing well.

#1. You can add this under Custom > CSS in the Customizer.

.woocommerce-main-image.x-img-thumbnail {
    border: none;
}

#2. Kindly follow our Translation article for help.

#3. Different Icon could not be added usually but if you like same icon for all the list item then I can help. And maybe you want to remove the underline; you can use this CSS :

.x-main .widget a, .x-sidebar .widget a {
    text-decoration: none;
}

Hope this helps.

Cheers!

[SandieParticipant]

Hi,

Thanks, that works great.

Could you help me with one more thing with the sidebar menu.

When hovering over the name in the sidebar menu can I get the color to change then? What CSS do I need to add then?

URL: https://youpheal.com/shop/

Sidebar menu: http://prntscr.com/e8h1jd

Thanks!

Best Regards
/Sandra

[LelyModerator]

Hello Sandra,

Please use this custom CSS:

.x-sidebar .widget ul li a:hover {
    color: red;
}

Change red to your preferred color.

Hope this helps.

[SandieParticipant]

Hi,

The box around the product image came back but it looks different for the products.

Some look like this: http://prntscr.com/e9dgk5

And some like this: http://prntscr.com/e9dh1b

The second one looks better, but if possible I would like to take away the border around the image.

URL: https://youpheal.com/shop/basic/

The code that I have added to Customizer CSS is:

.woocommerce-main-image.x-img-thumbnail {
border: none;
}

Thanks!

Best Regards
/Sandra

[Rue NelModerator]

Hey Sandra,

Thanks for updating in! What you are seeing is not just a border. That has also a shadow imposed on the image which look like a border. To get rid of that, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.woocommerce div.product .images .woocommerce-main-image {
    box-shadow: none;
    border: none;
}

http://prntscr.com/e9e5ty

Hope this helps. Kindly let us know.

[Author]

Posts