Kieron1102 Posted December 14, 2023 Posted December 14, 2023 Site URL: https://www.luxeconsignment.co.uk/latest-arrivals Password: LuxeCo123 Is it possible to change the Category Title Font size? I can't find the option for it under styles. Is it possible to do with custom CSS?
Solution AlexSan Posted December 14, 2023 Solution Posted December 14, 2023 @Kieron1102, Right now, it looks like this is what it is set to. It is in a media query: @media screen and (min-width: 768px), screen and (max-width: calc(1716.2px)) and (orientation: landscape) h2 { font-size: calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem); } Did you want it to be bigger or smaller? It may be a smart idea to keep the media query to keep the site responsive. However, if you want to edit the font-size yourself, you could try this: .nested-category-title { font-size: 24px !important; } However, I suggest doing something like this, if you want it smaller: @media screen and (min-width: 768px), screen and (max-width: calc(1716.2px)) and (orientation: landscape) h2 { font-size: calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem) !important; } I am just using the size value of heading 3, which is smaller than heading 2. Or if you want it bigger: @media screen and (min-width: 768px), screen and (max-width: calc(1716.2px)) and (orientation: landscape) h2 { font-size: calc((var(--heading-1-size-value) - 1) * 1.2vw + 1rem) !important; } I am using the size value of heading 1, which is bigger than heading 2. Kieron1102 1
Kieron1102 Posted December 14, 2023 Author Posted December 14, 2023 The second piece of code you provided worked, just what I am after thank you. Is it possible to lower the space between my products & the section above the text?
AlexSan Posted December 14, 2023 Posted December 14, 2023 @Kieron1102, So the top of the header, that is padding in the content wrapper, try adding this: .products.collection-content-wrapper { padding-top: 2vw; } For the bottom of the header, try editing .nested-category-title to the following: .nested-category-title { font-size: 35px !important; padding-bottom: 2vw; } You can play around with the actual values. Kieron1102, tuanphan and cami_leisk 3
SullyRichard Posted November 21 Posted November 21 This is the closest thread to my issue, but not exactly. Would you happen to know how to change the font size on the Categories themselves? I want the 11 categories such as "After Birth Control" and "Binders" etc. to appear larger.
Squareko Posted November 23 Posted November 23 Add this code into .nested-category-title { font-size: 25px !important; }
tuanphan Posted November 25 Posted November 25 On 11/22/2024 at 1:11 AM, SullyRichard said: This is the closest thread to my issue, but not exactly. Would you happen to know how to change the font size on the Categories themselves? I want the 11 categories such as "After Birth Control" and "Binders" etc. to appear larger. Do you have link to this page? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment