As I only do my own websites and having been enabled by WYSIWYG editors, I lack some of these basic code knowledge, sorry for the newbie question!
I have a custom menu nav set up in the Header Right area.
It only has three menu items, which I have styled in the "Header Nav" section of the Dynamik menu.
I'd like to further style just one of them, the far right item only. (adding a background colour and changing the text colour, to give it a call to action button vibe).
This is where I'm at:
I need to add a new CSS Class to the menu item (visible by turning on the option in Screen Options of the Menu page).
The CSS I want to add to the item is:
When I "inspect" the menu item via the browser it shows the following:
<li id="menu-item-3797" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3797"><a href="https://houseofuniforms.com.au/contact/" itemprop="url"><span itemprop="name">Get Started</span></a></li>
So, my question is where/how do I pull it altogether from here?
- Where do I go to create the custom css?
- How do I name it?
-Or is there a much better way to do this sort of thing?
At the moment, I'm running with a "faux" menu built in Beaver Builder which has the basic look I'm after. (done as temp measure). Don't need the rounded corners though.
This is the actual header that I'm wanting to style the last "Get Started" menu item of: