Return to previous page

LI font size not changing with general settings or custom style

This topic has 13 replies, 3 voices, and was last updated 5 years, 6 months ago ago by Bas Kling

Bas Kling

Participant

June 12, 2020 at 10:54

Hi,

It seems I’m unable to change the font size of my unordered list items. Can’t find a general theme setting specific to lists (only the body & head font settings: https://prnt.sc/syfiak), nor does my custom style get picked up (https://prnt.sc/syfjm8)

Can you please have a look, or direct me to the setting to change?

Please, contact administrator
for this information.

#240545 Copied Theme version: 6.3.5 WooCommerce version: 4.1.1

12 Answers

Rose Tyler

Support staff

June 12, 2020 at 14:39

Hello,

Please provide URL of page where the font size should be changed.

Regards

#240576 Copied

Bas Kling

Participant

June 12, 2020 at 15:04

URLs in Private
As you can see, the list items are larger than the normal body text.

Please contact administrator
for this information.

#240579 Copied
Rose Tyler

Support staff

June 12, 2020 at 15:15
.content li { font-size: 14px !important; line-height: 1.3; }

Regards
#240583 Copied
Bas Kling

Participant

June 14, 2020 at 13:13

Hi Rose,

thanks for the info, very helpful!

Could you also help me identify the class names/id for the following texts? I need to change the styles but can’t find the correct classes:

-Product title on single product page
-Short description text on single product page
-Text links on single product page (I’ve managed to change it through the ‘a’ element as well as ‘.content a’ element; both had undesirable effects, respectively changing the main menu item links and the text links under the products on a category page. I need to be able to change the text links in text blocks only!
-Related Products title on single products page
-Tab headings/titles (“Maatvoering”, “Materiaal & Verzorging”, etc)

Cheers!

#240771 Copied
Rose Tyler

Support staff

June 14, 2020 at 14:25
Hello,

1) .single-product .product_title
2) .single-product .et_product-block .woocommerce-product-details__short-description
3) .single-product p a
4) .related-products-title
5) Here is an example –

.woocommerce-tabs .et-woocommerce-tab a { color: red !important; }

use !important

Regards
#240781 Copied
Bas Kling

Participant

June 14, 2020 at 15:56

Wow, thanks!!!!

#240794 Copied

Rose Tyler

Support staff

June 14, 2020 at 16:05

You’re welcome!

Regards

#240796 Copied

Bas Kling

Participant

June 14, 2020 at 16:49

Final question 😉
I’ve uploaded Trajan Pro Regular us standard font type throughout my website.
How do I address this font type in a custom css (using font family). Does the Xstore theme provide a facetype id? Right now, I’m using @font-face but it doesn’t seem as clean, especially considering I’ve already uploaded the font using Xstore default option

#240800 Copied

Bas Kling

Participant

June 15, 2020 at 09:58

Followup on the previous questions: using “.content p a” pinpoints my style to apply to links in my content just fine. However, it also affects the product names in my category pages. Is there any way by using styles that could differentiate between the two? I want my category page product names to remain untouched.

#240831 Copied
Olga Barlow

Participant

June 16, 2020 at 11:18
Hello,

You used custom font-family for the headings in the typography settings and that’s why product title also uses that family. We have added below code to custom CSS to change it and inherit the body font

.content-product .product-title a { font-family: inherit; }

Check now.

Regards
#240969 Copied
Bas Kling

Participant

June 16, 2020 at 18:38

At the time of your proposed solution, I temporarily deleted the style that caused the issue

.content p a { cursor: pointer; color: black; text-decoration: underline; }
.content p a:hover,a.hover { color: #846c98; text-decoration: none; }

As you can see, I need the text links to pop up as black underlined, but the product links underneath the product images on a category page should remain plain.
How do I differentiate between the two?

#241010 Copied

Bas Kling

Participant

June 16, 2020 at 19:30

Never mind. With your tip, the solution was obvious.
Thanks!

#241014 Copied
Viewing 13 results - 1 through 13 (of 13 total)

The issue related to '‘LI font size not changing with general settings or custom style’' has been successfully resolved, and the topic is now closed for further responses

LI font size not changing with general settings or custom style

Explore our best WordPress WooCommerce Themes collection