Hi! I have searched and tried so many different CSS to change the font size of the nav bar, as well as the drop down items. I specifically would like the nav bar text larger on the home page, and then drop down items text larger on all pages.
The other issue I’m having is that I’m using Woocommerce, and the Cart page text is very small. It’s the correct font, but I cannot get it to correct the size.
Help?
Hi April,
Thanks for writing in!
.x-navbar .desktop .sub-menu li > a {
font-size: 20px; /* you can adjust is further */
}
.woocommerce-cart .woocommerce {
font-size: 20px; /* you can adjust is further */
}
If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.
I recommend you to watch following video that will help you to get started with CSS.
Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.
https://developers.google.com/web/tools/chrome-devtools/css/
Thanks.
Hope this helps!
Thank you! One more question, how can I increase the size of the font I use in the general pages. For example, “font 4” is what I have for main text, but I can’t figure out in the editor how to make it larger.
Hello April,
The site pages is using the global font settings. Please go to X > Theme Options > Typography. You can set the font sizes and font weights for the body & content and for the headings in that section.
Hope this helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.