Kieron1102 Posted December 14, 2023 Share 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? Link to comment
Solution AlexSan Posted December 14, 2023 Solution Share 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 Link to comment
Kieron1102 Posted December 14, 2023 Author Share 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? Link to comment
AlexSan Posted December 14, 2023 Share 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, cami_leisk and tuanphan 3 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment