Return to previous page

How can I change H2, H3 for the XStore Theme

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

Schlee

Participant

June 12, 2022 at 15:16

Hi,

i want to change h1 h2 h3 tag font-size and weight/color so we we have a clear structure for Product Description…. where can I do this?

Many thanks

Mike

#325722 Copied Theme version: 8.1.6

7 Answers

Rose Tyler

Support staff

June 12, 2022 at 15:24

Hello,

Check this topic https://www.8theme.com/topic/responsive-headings/
https://www.w3schools.com/cssref/pr_font_font-size.asp
https://www.w3schools.com/cssref/pr_font_weight.asp
https://www.w3schools.com/cssref/pr_text_color.asp
Do you use Elementor or WPBakery? You can enable the editor for product description in settings of these plugins.

Regards

#325723 Copied

Schlee

Participant

June 12, 2022 at 15:40

Hi Rose,

Wow, thanks for the fast feedback!

So I will change the Design by changing custom CSS as mentioned

h1 {
font-size: 100px;
}
h2 {
font-size: 80px;
}
h3 {
font-size: 60px;
}
h4 {
font-size: 40px;
}

What did you mean exactly with Elementor Procust Description? Yes we use Elementor.

Thanks
Mike

#325726 Copied

Rose Tyler

Support staff

June 12, 2022 at 15:48

Hello,

Elementor > Settings > Post types > Products – https://prnt.sc/_QKc6ymiV0ap , then edit https://prnt.sc/w1KekBC_1DfI

Regards

#325727 Copied

Schlee

Participant

June 12, 2022 at 16:17

Many thanks Rose, this is exactly what I was looking for!

Sorry for one last question. If I want to change the distance between the bullets (ul). This I also have to define in custom CSS?

https://paste.pics/f35fab93d4e73deb3b063915acd42a26

You as specialist, does it makes sense also to define the Body/Normal Text directly in Custom CSS?

#325731 Copied

Olga Barlow

Support staff

June 13, 2022 at 10:15

Hello,

You can set the body text size and styles from Theme Options > Typography, but don’t forget units when you set the font-size, for example, 16px or 1rem etc.

Provide us with a link to a page where you have an unordered list to check the space and help you with custom CSS.

Regards

#325756 Copied

Schlee

Participant

June 14, 2022 at 12:02

Hi Rose

As example:

https://primedeco.de/product/schluesselkasten-3d-darstellung-2/

the distance butween the bullets

https://paste.pics/42ea88e9981aeddc256521cee3a6da10

Many thanks

Mike

#325906 Copied
Rose Tyler

Support staff

June 14, 2022 at 14:03
Hello,

You need to use custom CSS code:
```
.single-product .type-product li {
    margin-bottom: 0px;
}
```
Regards
#325932 Copied
Tagged: change, theme, woocommerce, wordpress, xstore
Viewing 8 results - 1 through 8 (of 8 total)