Nakita Fox replied
Customer Reply
Of course! Thank you. :)
Public Ticket #12450
Navigation customisation CSS
Conversation thread
PenciDesign replied
Staff Reply
Hi,
For change font size, you can use options from the theme via Customize > Logo and Header Options > "Font Size for Menu Items Level 1" and "Font Size for Dropdown Menu Items"
Best Regards,
PenciDesign
Nakita Fox replied
Customer Reply
That worked great for the letter spacing and text shadow, but I can't get the font size to change. I've tried use pixel values, smaller/larger, and % values but none have any effect. I'm adding the CSS to appearance > customise > custom CSS.
This is the code I'm using.
.menu a{padding-left:10px; padding-right:10px;}
#navigation .menu li a{ letter-spacing: 2px; text-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.7); font-size: 20px; }
PenciDesign replied
Staff Reply
Hi,
Please use this selector:
#navigation .menu li a{ }
and this for sub-menu:
#navigation ul.menu ul a, #navigation .menu ul ul a{ }
Best Regards,
PenciDesign
Nakita Fox replied
Customer Reply
Oh, and I'll also want to be adding text shadow. I'm assuming that I'll be able to do this under the same class as font size and letter spacing, right?
Nakita Fox started the conversation
Conversation Start
Hi there, just wondering how to change the font size and letter spacing in my main menu/navigation?
I've been able to change the padding around the items, but can't seem to figure out what class I need to change the font size and letter spacing.
Currently in my custom CSS I only have the following in regards to my navigation:
.menu a{padding-left:10px; padding-right:10px;}
Want to join this conversation or access attachments? Sign in first.
