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?
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.
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"
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;}
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?
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
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; }
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
Of course! Thank you. :)