- This topic has 16 replies, 3 voices, and was last updated 3 years, 2 months ago by
.
-
Posts
-
Hi im really struggling to target the current navigation selection, i dont want to change the colour when selected i want to increase the font-thickness instead?
Also is there a way to make the cart amount total display next to the bag icon from woocomerce? for example if the basket is empty i want it to say £0.00 next to the cart icon?
Customer Support
Hi there,
i want to increase the font-thickness instead
Give this CSS a shot:
.main-navigation .main-nav ul li[class*="current-menu-"] > a { font-weight: 700; }Adding CSS: https://docs.generatepress.com/article/adding-css/
Also is there a way to make the cart amount total display next to the bag icon from woocomerce? for example if the basket is empty i want it to say £0.00 next to the cart icon?
Please open a new topic for the separate question.
Thanks!
Hi that CSS didnt seem to work i tried it before posting, it comes up with “[class*=”current-menu-“]” in red writing
I already tested it and that CSS will absolutely work. Don’t worry about the red writing.
Ok i have put the css but didnt work not sure why sorry
It is working:
https://www.screencast.com/t/SRebIc4tnThe value
700is overwriting the original500.The visual difference is small though.
Is there a way to make the currently tab writing visually bolder another way? i cant seem to tell any difference even trying different values, sorry Leo
The font you are using only goes up to 700:
https://fonts.google.com/specimen/ComfortaaYou can make the non-active state
300instead of500in the customizer to see more differences.I see now the tiny change, is it possible to apply the same font but bold version to only be applied on current?
Could i just change the font-family or something with the css you gave me?
is it possible to apply the same font but bold version to only be applied on current?
Not sure if I understand this request – My CSS already does that and it’s working from what I can see.
It does, but what i mean is to use another font eg
current font: Mont-ExtraLightDEMO
Desired font : Mont-HeavyDEMO
For the current menu item only? That’s a very unusual approach.
If so you can add the
font-familyproperty to my CSS:
https://www.w3schools.com/cssref/pr_font_font-family.phpManaged to do everything else i have wanted to design wise at this point but apply a new font to a :current nav item im struggling with.
Customer Support
Hi there,
try this CSS:
.main-navigation .main-nav ul li[class*="current-menu-"] > a { font-family: monospace; }Just change the
monospaceto the font-family you wantCheers David never thought to work around the issue i was scratching my head at, for anyone else whos reading fixed with:
.main-navigation .main-nav ul li[class*=”current-menu-“] > a {
font-weight: 700;
text-shadow: 0px 0 3px;}
- You must be logged in to reply to this topic.
