Support » Fixing WordPress » WooCommerce Font/Text Size Problems

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi @jsanji,
    If I am not wrong you are talking about the “Lost password” & “privacy policy’s” font size. For these issues, I hope the below CSS code will help you to solve your problem.

    .elementor-kit-66 a {
        font-family: "Bebas Neue", Sans-serif;
        font-size: 17px !important;
        font-weight: bolder;
        font-style: normal;
        text-decoration: none;
        line-height: 0.7em;
        letter-spacing: 0.1px;
    }

    For put, this code Go to Dashboard > Appearance > Customization > Additional CSS > Publish.
    Thank You.

    Thread Starter Rocky Dean

    (@jsanji)

    Nadia,
    Thank you, Thank you, Thank you!
    That solved the issue for me.
    I am very grateful for your help.

    Thanks again!

    Thread Starter Rocky Dean

    (@jsanji)

    Hi Nadia,

    I am having one problem, all of the text on the page, including Menu text and other custom links, is changing to the 17px font. I only want to change the font within the Cart/My Account/Checkout section, not the entire page content.

    Is there a way to define the code to only work on the specific area of the page?

    Hi @jsanji,
    If You give me the link to your page then I can try.

    Thread Starter Rocky Dean

    (@jsanji)

    Thread Starter Rocky Dean

    (@jsanji)

    The icons/text shrunk from their original size, I believe around 25px

    Please remove the previous code so that I can check it.

    Thread Starter Rocky Dean

    (@jsanji)

    Ok Nadia, I removed the code so you can see what its supposed to look like as far as the icons go. The link from the previous message should still work for you

    Thread Starter Rocky Dean

    (@jsanji)

    Sorry I forgot to hit update :s, now the page will show how its supposed to look, except for where the linked blue text is bigger.

    https://thedtfco.ca/?page_id=1057&preview=1&_ppp=8c6603dbb3

    Hi @jsanji.
    I hope it will work now.

    .elementor-kit-66 a {
        font-family: "Bebas Neue", Sans-serif;
        font-size: 17px;
        font-weight: bolder;
        font-style: normal;
        text-decoration: none;
        line-height: 0.7em;
        letter-spacing: 0.1px;
    }

    Here are some images after using this code and before using this code. https://www.awesomescreenshot.com/image/9623387 ( Before)
    https://www.awesomescreenshot.com/image/9623390 (Before)
    https://www.awesomescreenshot.com/image/9623428 (After)
    https://www.awesomescreenshot.com/image/9623680 (After)

    Thank You.

    fr0gp0nd

    (@fr0gp0nd)

    Hi, this is my first post on a forum, so apologies if I’m putting this in the wrong place. Some background: I have created a test site by copying and using files from the original site (for content, images, etc) to redesign the look/content.

    My site uses the Avada Child theme, and I have been using Beaver Builder to design the pages. The original site’s files (that I have on my test site) already had products in the Woo Commerce store, but on my test site the font sizes and types are too small. I’d like to change the size of the font as well as the font style.

    I’ve searched these forums and have tried adding code to Appearances>Customize>Add CSS as well as to the Appearance>Theme Editor but no luck.
    *Fyi I use Montserrat font in several places on the site and would prefer this as well for Woo Commerce fonts. BTW I’ve also changed the Appearance>Options>Typography to Montserrat but it hasn’t changed anything except the main menu text. I was able to use the Montserrat font through the Beaver Builder style settings for text on pages.

    I’ve learned a lot by reading and trial and error, but I’m definitely NOT a pro with coding or understanding that lingo. So very clear step-by-step instructions would be very much appreciated. Thank you!
    website: https://test.kardo.org/

Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.