Return to previous page

Page indicator and web fonts to customize titles and others

This topic has 5 replies, 2 voices, and was last updated 2 years, 3 months ago ago by Awais Ahmed

Andrés

Participant

August 17, 2022 at 16:24

Hello, reviewing the page I realized that there is an error that I would like you to help me solve:
When I go to the store or any category in it, it only shows me a certain number of products, it doesn’t show all of them, and it also doesn’t show an indicator that allows me to switch to another page so I can still see the products.
https://prnt.sc/LT74dk5h3ugi

I would also like to know how I can customize the titles of the Mega Menu, make the titles and some of the subtitles bold, reduce the space between each element a little
https://prnt.sc/54Hri_jiJMjz
Let there be a little more like this menu https://prnt.sc/O1RD21aqMkDP

And I have a question: if I change the main font of the website in the theme dashboard, does the same font apply to the entire website, or is there a way to make the titles have one font and the subtitles another?

I hope you can help me clear my doubts and solve the current problems.
Regards.

#331981 Copied Theme version: 8.3 WooCommerce version: 6.7.0

4 Answers
Awais Ahmed

Participant

August 18, 2022 at 06:38
Hello, @Andrés,

1. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after clearing the browser cache.
```
.woocommerce-pagination.sb-hide {
    visibility: visible !important;
}
```
2. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Desktop CSS and check back to your site after clearing the browser cache.
```
.item-design-mega-menu .nav-sublist-dropdown>.container>ul>li {
    margin-bottom: 0.5em !important;
}
```
Please share the screenshot that which title and subtitle you want to make bold in the mega menu so that I’ll check and provide you with the proper and particular solution for it.

3. You can change the Body & heading Font from XStore >> Theme Settings >> Typography. And you can check the element settings which you are using on your site for the typography option, if it has then you can change it from the element settings Otherwise you have to change it using Custom CSS.

Regards 8Themes Team.
#332004 Copied
Andrés

Participant

August 18, 2022 at 13:12

Hi, everything worked perfectly with the CSS you provided.

Regarding the elements that I want to be in bold, it would be as follows:
I want level 1 and level 2 elements to be displayed in bold, and if possible, in upper case.
https://prnt.sc/gWBBMEmB3a7m

I would also like to know if there is any way to modify the fakes sale booster, when the purchase notices are coming out, you can’t read what it says, is there any way to correct that?
https://prnt.sc/UdLqsnxrNSwX
The product name is not displayed, only “Someone bought…” is displayed.
Is there a way to customize the text that appears on the box?

Regards.

#332041 Copied

Andrés

Participant

August 18, 2022 at 17:23

Hello, in the bar where the promo text is, the changes are not being applied, and I have already deleted the cache to verify, but they are still not applied, I just want to change the background color and give it a little more width.
https://prnt.sc/JfLbDb9BBGnu

Regards.

#332054 Copied
Awais Ahmed

Participant

August 19, 2022 at 07:00
Hello, @Andrés,

1. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after removing the browser cache.
```
.item-design-mega-menu .nav-sublist-dropdown ul li#menu-item-9381 a, .item-design-mega-menu .nav-sublist-dropdown ul li#menu-item-9369 a {
    font-weight: 900 !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
}
.et_b_header-menu.et_element-top-level .item-design-mega-menu .nav-sublist-dropdown .menu-item-9368.item-level-1>a, .et_b_header-menu.et_element-top-level .item-design-mega-menu .nav-sublist-dropdown .menu-item-9378.item-level-1>a{
    font-weight: 900 !important;
    opacity: 1 !important;
}
```
Please watch this video here: https://www.veed.io/view/e78554c0-d991-4942-b2ac-674194740518?sharingWidget=true

2. You have to translate/change it into the Core plugin language file, Please watch this video I have captured for you: https://www.veed.io/view/3e051712-3d98-4418-bcae-865cc7c34883?sharingWidget=true

3. I have just checked your site now on my personal mobile phone and the promo section background color is working perfectly fine, please see this screenshot: https://postimg.cc/NK99tC40 so it must be the cache issue at your end nothing else, please try to clear the cache and cookies and check back.

Regards 8Themes Team.
#332098 Copied
Tagged: best selling, customize titles, page indicator, themes, web fonts, woocommerce
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Page indicator and web fonts to customize titles and others’' has been successfully resolved, and the topic is now closed for further responses

Page indicator and web fonts to customize titles and others

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection