- This topic has 29 replies, 5 voices, and was last updated 6 years, 5 months ago by Leo.
-
AuthorPosts
-
January 25, 2017 at 9:51 am #268508Max
Hi Tom,
So I am trying to make one of the nav links a button.
I added this code to the Navigation label: <button id=”nav-button”>BOOK A SESSION</button>
Then in customize –> additional CSS –> I added this code:
.nav-button {
background-color: #90c2b9;
color: white;
}I can’t seem to target the specific nav item. And should I be doing this in a child theme or is the additional CSS an ok place to format.
Thanks!
January 25, 2017 at 9:53 am #268510LeoStaffCustomer SupportHi Max,
Try this:
#nav-button { background-color: #90c2b9; color: white; }
Let me know.
January 25, 2017 at 10:02 am #268519LeoStaffCustomer SupportOr try adding buttons using the instruction below:
https://docs.generatepress.com/article/adding-buttons/January 25, 2017 at 10:17 am #268535TomLead DeveloperLead DeveloperThis method is a lot better: https://generatepress.com/forums/topic/adding-a-button-to-menu-workaround/#post-228678
January 25, 2017 at 10:29 am #268542Max.main-navigation .nav-button a {
background-color: #90c2b9;
border-color: #90c2b9;
color: #000000;}
I have this code added to the additional CSS and now the nav link won’t show up at all lol.
I took out the html button tag from the navigation menu as well. Should I put that back in there?
January 25, 2017 at 10:42 am #268555LeoStaffCustomer SupportHi Max,
Your site is password protected.
Did you add the custom CSS class
nav-button
as instructed here?January 25, 2017 at 10:46 am #268557Maxyeah, I added the custom class CSS as:
nav-button
Then pasted this code into the additional CSS in the customizer:
.main-navigation .nav-button a {
background-color: #90c2b9;
border-color: #90c2b9;
color: #000000;}
Nothing. No button anymore.
I can post the username and password to the site so you can see if you’d like.
January 25, 2017 at 10:51 am #268567LeoStaffCustomer SupportDoes your navigation label/link text show up?
January 25, 2017 at 10:53 am #268570MaxNo, it doesn’t show up. I got nothing.
The button will show up if I put the html <button>Book a Session</button> in the navigation label. But then I can’t target that element to customize it.
January 25, 2017 at 11:00 am #268573LeoStaffCustomer SupportThat’s weird not even the navigation links are showing up.
Just want to make sure that you filled the box like this: https://s27.postimg.org/lh5vjtyvn/book.jpg
Are other menu items in the same navigation showing up?
Probably wouldn’t hurt to see the site. I’ll delete the login/password as soon as I see it π
January 25, 2017 at 11:03 am #268577MaxYeah I filled it out right, strange. Ill take a screen shot after I send the username and password for the site.
January 25, 2017 at 11:07 am #268582MaxEven when i added some code to the addtional CSS to make the letter spacing larger, that didnt work either:
.main-navigation a {
letter-spacing: 3px;
}I dont know whats up lol.
January 25, 2017 at 11:15 am #268587TomLead DeveloperLead DeveloperWould definitely help to be able to see the site π
January 25, 2017 at 11:15 am #268588LeoStaffCustomer SupportTom I will send the login/password to you π
January 25, 2017 at 11:17 am #268589TomLead DeveloperLead DeveloperYour current menu item color is set to white, so it’s white text on a white background.
Customize > Colors > Primary Navigation.
That will at least make it show up.
I’m not seeing any CSS specific to the nav-button class.
-
AuthorPosts
- You must be logged in to reply to this topic.