I have installed Salient theme on my WordPress website. Problem is I am not able to change the size of the font in the drop-down menu. I have used the MENU ITEM LABEL option to add the text ( Luxury stays, Decor & Celebrations, Experiences, Events & Mice) in the CATEGORIES navigation but cannot find the option for changing the size of the font in the MENU ITEM LABEL texts as I want to make the font bigger.
Also, I have highlighted the problem in the below attachment with a red mark. Please help me. Thank You.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I want to keep a padding between the Menu item label text and Navigation link Text. Is there an option to do it? I tried using custom CSS code padding-top: 20px; in the nectar menu item label but it didn't work.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer li > a .nectar-menu-label {
margin-top: 10px;
}
I have installed Salient theme on my WordPress website. Problem is I am not able to change the size of the font in the drop-down menu. I have used the MENU ITEM LABEL option to add the text ( Luxury stays, Decor & Celebrations, Experiences, Events & Mice) in the CATEGORIES navigation but cannot find the option for changing the size of the font in the MENU ITEM LABEL texts as I want to make the font bigger.
Also, I have highlighted the problem in the below attachment with a red mark. Please help me. Thank You.
Attached files: Webview.jpg
settings.jpg
Hey Siddharth ,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar-menu-label { font-size: 15px !important; }Thanks
ThemeNectar Support Team
Thank you so much it worked. :)
I want to keep a padding between the Menu item label text and Navigation link Text. Is there an option to do it? I tried using custom CSS code padding-top: 20px; in the nectar menu item label but it didn't work.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer li > a .nectar-menu-label { margin-top: 10px; }Thanks
ThemeNectar Support Team
Thank you so much it worked. If I may ask from where do you know this CSS part the exact code to use?
Hey Again,
This should help:https://www.hostinger.com/tutorials/website/how-to-inspect-and-change-style-using-google-chrome
Thanks.
ThemeNectar Support Team
Thank you