Return to previous page

Shop page product grid styling different than Elementor product widget

This topic has 2 replies, 2 voices, and was last updated 2 years, 3 months ago ago by Rose Tyler

Edgar

Participant

August 28, 2022 at 09:26

I have added some additional CSS to change the style of the product content (archive) such as the title and the price. However, for the shop page, the font weight for the title and the price shows different compared to the font weight of the Elementor product widget (from 8theme).

Here you can see how the Elementor widget looks like https://prnt.sc/gxVRaXatT8Kk

Here you can see how it looks like in the shop page https://prnt.sc/KN9HzxQ_YHUy

I am specifically talking about the font weight for both title and price. I have used the web inspector and I can see that for both cases, the same css rule is being applied, but for some reason, for the shop page, the font weight values of 200, 300, 400 are the same. Whereas for the Elementor widget for product slider that you can see in my homepage, the font weight is being rendered correctly and if you change the values in the web inspector you can see it changes if you go from 200 to 300 for instance.

#332633 Copied Theme version: 8.3.1 WooCommerce version: 6.3.2

1 Answer

Rose Tyler

Support staff

August 28, 2022 at 14:39

Hello,

Please provide temporary wp-admin access.
Also, provide screenshots for a better understanding.
Thanks in advance.

Regards

#332647 Copied
Tagged: elementor, grid, page, product, shop, styling, templates, widget, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)