Return to previous page

Subcategory image size and the hover icon

This topic has 21 replies, 3 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow

ancabontea

Participant

May 3, 2020 at 07:20

Hello,

I am writing as I would like to know what is the standard size of the subcategories. It would be possible to edit it?
Please see the link below for reference:
https://www.8theme.com/demo/legenda3/?post_type=product&sb=0

Also how I can remove / edit the hover icon from the image?

Thank you.

#235435 Copied Theme version: Legenda Version: 4.2.1

20 Answers
Rose Tyler

Support staff

May 3, 2020 at 10:39
Hello,

Please read this article https://www.8theme.com/demo/docs/legenda/WooCommerce/Product_Images and set size depends on your needs.
The hover icon can be edited using custom CSS code. For example, adding the next code (Theme Options > Custom CSS) will remove the hover

.product-category .mask-container .block-mask { display: none; }

Regards
#235456 Copied
ancabontea

Participant

May 4, 2020 at 13:57

thank you very much.

#235596 Copied

Rose Tyler

Support staff

May 4, 2020 at 14:00

You’re welcome.

Regards

#235598 Copied

ancabontea

Participant

May 7, 2020 at 11:23

Hi again,

I regenerated the thumbnails, however it would be possible to have the category image size different than the thumbnails. For example the category image size to be rectangular instead of square.

Thank you.

#236364 Copied

Rose Tyler

Support staff

May 7, 2020 at 12:07

Hello,

By default, it is not possible.
You can try to use custom CSS, provide us with URL of page with categories, and we will give an example of code.

Regards

#236366 Copied

ancabontea

Participant

May 8, 2020 at 10:38

thank you but in the meantime I changed the settings.

Is there any way to remove the product image thumbnails/placeholders from the cart?

#236511 Copied

Rose Tyler

Support staff

May 8, 2020 at 11:04

Hello,

Please provide a screenshot for a better understanding the desired result.
Lightshot Screenshot tool https://app.prntscr.com/en/index.html makes screenshots and generates links then you can provide links of screenshots here.

Regards

#236519 Copied

ancabontea

Participant

May 8, 2020 at 16:17

Hello again,

I have created some products without image and therefore it will be useful for me to be able to hide the placeholder of the image in the cart, please see below:
https://gyazo.com/55a144249f084ea7bbd4d177dea5054e
https://gyazo.com/938cacd280c8f8f267950026dd92927c

http://new.novikovrestaurant.co.uk/orders/cart/
http://new.novikovrestaurant.co.uk/orders/novikov-asian/

Many thanks

#236549 Copied
Olga Barlow

Participant

May 8, 2020 at 17:32
Hello,

Add the following code to Theme Options > Custom CSS

.woocommerce-page table.cart .product-thumbnail img { display: none; }

Regards
#236563 Copied
ancabontea

Participant

May 8, 2020 at 18:17

that’s amazing, thank you!

#236576 Copied

Olga Barlow

Participant

May 8, 2020 at 19:12

Hello,

You are welcome.

Regards

#236583 Copied

ancabontea

Participant

May 10, 2020 at 14:18

Hello,

I have few other questions.
It would be possible to edit the RETURN TO SHOP link so it will go to home page instead of shop page?
At the moment I created a menu in list format without photos and the display of the shop page looks awful. I was wondering if I just edit the link to be able to redirect it to the homepage.

Also, it would be possible to edit the notice messages from the checkout page both the message and the layout?
https://gyazo.com/79a9b978d89e99e573d453dd6d5c6ae1
for example I will like the background of the message to match the colour of the rest of the website and maybe the writing should be in green or red.

Thank you for your help.

#236731 Copied
Rose Tyler

Support staff

May 10, 2020 at 15:31
Hello,

Edit these files via child theme –
wp-content/themes/legenda/woocommerce/cart/cart-empty.php
…/legenda/woocommerce/loop/no-products-found.php

Try to use the next custom CSS code:

.woocommerce-message, .alert-success, .success { background-color: #151515 !important; color: #98c391; }

Regards
#236742 Copied
ancabontea

Participant

May 10, 2020 at 17:54

many thanks!

#236764 Copied

ancabontea

Participant

May 11, 2020 at 15:02

Hi again,

I setup the payment gateway which is integrated in an iframe, however the background remains in white despite I try to modify it to #141414.
https://gyazo.com/70f9ea8826ff4e80cceb2f280af758b4
Do you have a solution for this?

Thank you

#236797 Copied

Olga Barlow

Participant

May 12, 2020 at 15:52

Hello,

I can’t give you code to fix it by screenshot only. Provide me with a link to this page to inspect it and give you a solution.

Regards

#236904 Copied

ancabontea

Participant

May 12, 2020 at 17:40

Hello,

Thank you for your reply.
Please see the link below for your reference although I am not sure you can see anything. To see it, please perform an order and follow the checkout process until you get to the payment page.

http://new.novikovrestaurant.co.uk/orders/checkout/order-pay/10549/?key=wc_order_210DwMSm7qace

Regards,

Anca

#236933 Copied

Olga Barlow

Participant

May 12, 2020 at 18:53

Hello,

It comes from the third-party resource iframe styles http://prntscr.com/sfiecb We can do nothing with content colors inside the iframe. Contact woocommerce-gateway-realex-redirect plugin author to get help with this.

Regards

#236944 Copied

ancabontea

Participant

May 12, 2020 at 20:20

ok, thank you.

#236959 Copied

Olga Barlow

Participant

May 12, 2020 at 20:42

You are welcome.

Regards

#236970 Copied
Viewing 21 results - 1 through 21 (of 21 total)