Return to previous page

How to make prices all at the same height and far from the title

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

Rodrigo Carlos

Participant

July 11, 2020 at 03:17

Hello people,

In the product block, the price accompanies the title, so if the title has 3 lines, the price will be on a lower line than the price of the title with 2 lines. See: https://prnt.sc/tfopjc

How do I get prices all on the same line, regardless of the height of the bonds?
And how do I insert space between the title and the price?
See example: https://prnt.sc/tfp6e1

Thank you!

#244026 Copied Theme version: 6.3.5 WooCommerce version: 4.2.0

3 Answers
John Holden

Participant

July 11, 2020 at 06:14
Hi,

Theme Options > WooCommerce (Shop) > Shop > Products style > set Product Title Chars Limit
or use this custom CSS code –

.content-product .product-title { min-height: 47px; }

Regards
Hung PD
#244037 Copied
Rodrigo Carlos

Participant

July 12, 2020 at 21:54

OK it worked. Thank you.

In the simple product page, I changed the font-size to 40px in the theme css (https://prnt.sc/tgi0xp). But changing the theme’s css will make me lose all changes when the theme is updated.

So, I inserted this same excerpt in the custom css (https://prnt.sc/tghsfo). However, it is not responding.

Another question… How do I enter different font sizes for devices (pc, tablet and mobile)?
The theme has the css for each device (https://prnt.sc/tghyfa). However, if I change these css fields of the theme, I will lose all customization when the theme is updated.

Thank you!

#244228 Copied

Olga Barlow

Participant

July 13, 2020 at 19:08

Hello,

1) Don’t edit parent theme style.css, edit child theme style CSS, or use Custom CSS area to change anything. I see your changes http://prntscr.com/th2ry1 it works fine.

2) You won’t lose changes placed in Custom CSS after theme update.

Regards

#244293 Copied
Viewing 4 results - 1 through 4 (of 4 total)