Return to previous page

There are some sections I can not find the way to modify typography

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

marvin

Participant

October 4, 2022 at 04:56

As the subject, there are some sections I can not change the typography. I have totally changed the typography as what I need. But only these sections, I can not find the updated typography.
1. product grid in the shop page and category page.
https://waamiya.com/wp-content/uploads/2022/10/Screenshot_1.png

And the product name and the wording for “add to cart” button in the single product page can not be changed.
You can also find the typography in breadcrumbs nothing changed.

https://waamiya.com/wp-content/uploads/2022/10/Screenshot_5.png

2. In the mobile menu section, I choose to do “extra tab menu”. But I still can not change the typography for the title.

https://waamiya.com/wp-content/uploads/2022/10/Screenshot_2.png

For mini cart issue,
A. Wanting to change the progressive bar color in the mine cart.
https://waamiya.com/wp-content/uploads/2022/10/Screenshot_3.png

B. The message shows twice how to fix it.
https://waamiya.com/wp-content/uploads/2022/10/Screenshot_4.png

I believe there must be something wrong otherwise the typography can not be shown like this way. Somewthere is ok and somewhere can not be shown.

In addition, I find two functions, sales countdown and frequently bought together but I can not find the way to set it up.

#335720 Copied Theme version: 8.3.4 WooCommerce version: 6.0.2

5 Answers
Tony Rodriguez

Support staff

October 4, 2022 at 07:50
Hello, @marvin,

1- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.
```
ul.st-swatch-size-normal li.type-label>span{font-size: 16px !important; font-family: fantasy !important;}
.content-product .product-title{font-size: 16px !important; font-family: fantasy !important;}
```
Then save settings and check back to your site after clearing the browser cache. Note: in the above code the word “16” is the size and the word “fantasy” is the font family you can change it with what you want.

For the single product page to change the title and add to cart text typography navigate to the Dashboard >> XSTORE >> Theme Options >> WooCommerce >> Single Product Builder there you will be able to change them. Check the image: https://postimg.cc/DSCfqtYG and https://postimg.cc/7CYVRTVc and https://postimg.cc/56DyTcmM

2- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.

.et_b-tabs .et-tab{font-size: 16px !important; font-family: fantasy !important;}

Then save settings and check back to your site after clearing the browser cache. The result will be appear like this: https://postimg.cc/gX2GKSff
Note: in the above code the word “16” is the size and the word “fantasy” is the font family you can change it with what you want.

A- The color option is not in the theme for this and you cannot change it with the CSS code. It requires customization it’s hard-coded in the theme core files.

B- There must be a third-party conflicting issue as you can see in the image there are lot of errors showing on your site https://postimg.cc/YLG55Ppv Please try to disable all the third-party plugins (including cache plugins), that does not come bundled with XStore https://www.8theme.com/documentation/xstore/plugins/included-plugins/ clear the cache of the browser, and check then. Maybe one of the additional plugins is the reason for the problem.

For the Frequently bought together feature please check this article: https://www.8theme.com/documentation/xstore/xstore-features/frequently-bought-together/

For the Sales Countdown please read this topic:https://www.8theme.com/topic/countdown-timer-sales-countdown-timer/

Regards 8Themes Team.
#335739 Copied
marvin

Participant

October 4, 2022 at 09:15

Tks for your info. I will try to follow your instruction.

Btw, I just find other issue which I can not find the way to solve it.

There is little space under “copyright” in the footer section for cart/checkout page. Advise me how to let it disappear or disable. FYI, I only show cooywrites in the cart/checkout page. I did not let it show in other pages which did not have this kind of little space issue.

#335749 Copied

Tony Rodriguez

Support staff

October 4, 2022 at 10:15

Hello, @marvin,

Alright, Please navigate to the Dashboard >> XSTORE >> Theme Options >> Theme Custom CSS >> Global CSS and then paste the below code at the bottom of the CSS box.

.footer .elementor-3696 .elementor-element.elementor-element-978f457{padding-bottom:0px !important;}

Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/67MMvHpj

Regards 8Themes Team.

#335758 Copied

marvin

Participant

October 4, 2022 at 10:55

Hello Tony ,

Attached is my issue,
https://waamiya.com/wp-content/uploads/2022/10/delete-it.png

The space only appears in the cart/checkout page. The other pages are well done.

Instruct me! Tks a lot.

#335768 Copied
Rose Tyler

Support staff

October 4, 2022 at 12:31
Hello,

Add the next code in Theme Options > Theme Custom CSS > Global:
```
.copyrights p {
    margin-bottom: 0px;
}
```
Regards
#335771 Copied
Tagged: best selling themes, design customization, seo friendly, typography modifications, woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)