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

This topic has 6 replies, 3 voices, and was last updated 1 year, 5 months ago ago by Rose Tyler

  • Avatar: marvin
    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.

    5 Answers
    Avatar: Tony Rodriguez
    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://xstore.helpscoutdocs.com/article/36-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://xstore.helpscoutdocs.com/article/132-frequently-bought-together

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

    Regards 8Themes Team.

    Avatar: marvin
    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.

    Avatar: Tony Rodriguez
    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.

    Avatar: marvin
    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.

    Avatar: Rose Tyler
    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

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.