Okay
  Public Ticket #3042056
font size
Closed

Comments

  •  16
    alis_andreea started the conversation
    May 11, 2022 at 4:36pm

    Hi,

    Can you guys help identify 2 fonts in typography section?

    I want to change the sizes for these 2 fonts (see atachement). The tittle is to big and the small writing is to small, and I want to try some different sizes but I don't know how to identify them from the typography category.

    thank you!

  •  1,919
    Judith replied
    May 11, 2022 at 5:17pm

    Hi There,

    Please try this css:

    h1.page-title {
        font-size: 30px;
    }
.woocommerce .woocommerce-breadcrumb {
        font-size: 20px;
    }
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
        font-size: 18px;
    }
.woocommerce .woocommerce-ordering select {
        font-size: 19px;
    }

    Thanks.


  •  16
    alis_andreea replied
    May 12, 2022 at 7:20am

    Hi Judith,

    Thank you so much, the fonts look good now after I have entered the css.

    Now I have another issus:) I guess because I have changed the sizes I have this overlaping  of text. Please see atachement. Can you help me with this? 

    https://aliswonders.ro/product-category/paharul-cu-surprize/

  •  1,919
    Judith replied
    May 12, 2022 at 7:32am

    Hello There,

    Please try this scs:

    .woocommerce .woocommerce-ordering {
        bottom: 7px;
    }
.woocommerce .woocommerce-ordering {
        margin: 0px -65px 1em 0;
    }

    Thanks.

  •  16
    alis_andreea replied
    May 12, 2022 at 10:28am

    Thank you Judith, it does not overlap anymore but the text are not in line anymore. Before this they were in the same line. Please see picture 2, it was before resizing the text, they were in the same line. After the resize and corecting of the overlaping text, it looks like picture 1. Can you help me corect the text alignment?


  •  8,939
    Tahir replied
    May 12, 2022 at 10:50am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    right: 331px !important;
    bottom: 18px !important;
    font-size: 19px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  16
    alis_andreea replied
    May 12, 2022 at 4:48pm

    Hi Tahir,

    Almost inline using the code you have sent me. Can you tweek it a little bit more?

    Please see atachement.

  •  8,939
    Tahir replied
    May 13, 2022 at 5:46am

    Just logged in and corrected the issues.

    Thanks 

    ThemeNectar Support Team 

  •  16
    alis_andreea replied
    May 13, 2022 at 11:37am

    I did something wrong, i am sorry for making you work twice:(

    I wanted to change the font again and make the font a little smaller, because it looks  too big now, and I started to change the numbers in the css Judith sent me previously, so now I ended up with something else to fix and If I do not stop changing numbers that I do not understand, i will make some other wrong changes:) 

    Please help me make the text in circle 1 be the same font size as the text in cirle 2 and also to make them inline.

    Thank you! 


  •  1,919
    Judith replied
    May 13, 2022 at 5:22pm

    Hello There,

    Please try this css:

    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
        bottom: 15px !important;
        font-size: 16px !important;
    }

    Thanks.

  •  16
    alis_andreea replied
    May 14, 2022 at 9:48am

    Thank you Judith