Home › Forums › Basel support forum › Heading font sizes – need adjusting
Heading font sizes – need adjusting
- This topic has 10 replies, 3 voices, and was last updated 5 years, 2 months ago by Bogdan Donovan.
-
AuthorPosts
-
August 15, 2019 at 2:46 pm #138440
mishreneeParticipantHi, I need to be able to change the heading font sizes individually, eg H1 and H2 need to be different to the sizes pre-built-in to the theme. Can you please help with how to change this, as I cannot see it anywhere in the Typography settings. Custom CSS perhaps?
Thank you kindlyAugust 15, 2019 at 2:57 pm #138444
mishreneeParticipantSorry, I have figured this out using the custom heading element.
Is there anyway to add spring between letters in the menu items/navigation? I need the spacing to be around 3px
Thanks
August 15, 2019 at 3:00 pm #138445
mishreneeParticipantI also need to force all headings (not navigation or para text) to lowercase, but there is no option for that in typography? so some things are forcing all uppercase.
August 15, 2019 at 3:04 pm #138447
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .main-nav .menu > li > a { letter-spacing:3px; }
Best Regards
August 15, 2019 at 4:26 pm #138466
mishreneeParticipantThank you and what about forcing lowercase on all headings?
August 16, 2019 at 7:22 am #138573
Bogdan DonovanKeymasterPlease add this code to the Theme Settings > Custom CSS > Global:
body .main-nav .menu > li > a { text-transform: none; }
Best Regards
August 16, 2019 at 9:17 am #138600
mishreneeParticipantSorry, that says the navigation, I meant force lowercase on all headings (not the main nav or paragraph text)
August 16, 2019 at 9:20 am #138602
mishreneeParticipantAlso, could you please assist with changing the colour of the “Hot” labels for featured, and New and Sale, and also change the ‘Hot’ text to read featured or something else?
Thank you kindly
August 16, 2019 at 11:58 am #138656
Bogdan DonovanKeymasterOur theme didn’t have forced uppercase styles for all headings, so it cant be changed in one place. Could you please describe in more detail wich headings did you mean and provide a link to your page. If it could be changed with CSS we will provide you with custom code.
You can change the colour of product labels by adding the following custom code to the Custom CSS area in theme settings.
body .product-label.new { background-color: red; } body .product-label.onsale { background-color: green; } body .product-label.featured { background-color: blue; }
Also, you can rewrite all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you rewrite your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3
Regards
August 30, 2019 at 7:02 pm #141325
mishreneeParticipantThank you so much for that help.
The headings I mean are things like “Related products” on the single product pages, and page titles and headings, for instance both headings on the “Wishlist” page. I’ve included the site link below 🙂
Just want to force these to all be lowercase. Thank you so much.
August 31, 2019 at 1:27 pm #141399
Bogdan DonovanKeymasterHi,
Try to add the following code snippet to the Custom CSS area in Theme Settings.
body table tr th, body .page-title .entry-title, .page-title h1, body .slider-title { text-transform: none; }
Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register