First, thank you for all your assistance to this point on this project.
I would like to have the solid buttons on hover to have a background of #cdc964 and leave the text white AND the buttons that are see-through with a border to change color to #cdc964 and remain see-through. All it does now is "dim" the button.
I have tried so many different custom CSS combos that I am giving up and asking once again for your assistance.
Yes, I would like to change it for buttons after the scroll. I have transparency set up and I want that, but any buttons in the content and once it is scrolled.
To clarify, do you want to change this for the button in the header?
If so, 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):
Thank you. That took care of part of what I needed. I also need to have the hover state. The final result is to be green and on the hover change the border and background to the yellow green (#CDC964). When I hover over the button nothing happens and I have tried a few things with no luck.
Also, on interior pages I would like the button to be solid green with white text when transparency is not used.
To change the background on hover, 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:not(.transparent) #top nav > ul > .button_bordered > a:hover:before {
background-color: #CDC964 !important;
}
As for the interior pages, please share a link to one of the pages so we can check thos out for you.
First, thank you for all your assistance to this point on this project.
I would like to have the solid buttons on hover to have a background of #cdc964 and leave the text white AND the buttons that are see-through with a border to change color to #cdc964 and remain see-through. All it does now is "dim" the button.
I have tried so many different custom CSS combos that I am giving up and asking once again for your assistance.
Thank you in advance for your time.
Hi Lucy,
Thank you for getting in touch.
To clarify, do you want to make this change for all the buttons on your site?
We look forward to your reply.
Thanks,
Yes, I would like to change it for buttons after the scroll. I have transparency set up and I want that, but any buttons in the content and once it is scrolled.
Thank you in advance for your time.
Lucy
Hi Lucy,
Thank yo u for getting back to us.
To clarify, do you want to change this for the button in the header?
If so, 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):
body.material #header-outer.scrolled-down #top .span_9 nav > ul.sf-menu > li#menu-item-620 a:before { background-color: #cdc964; border-color: #cdc964 ; } body.material #header-outer.scrolled-down #top .span_9 nav > ul.sf-menu > li#menu-item-620 a { color: #ffffff !important; }I hope that helps.
Thanks,
Hey Andrew,
Thank you. That took care of part of what I needed. I also need to have the hover state. The final result is to be green and on the hover change the border and background to the yellow green (#CDC964). When I hover over the button nothing happens and I have tried a few things with no luck.
Also, on interior pages I would like the button to be solid green with white text when transparency is not used.
Please help!
Lucy
Hi Lucy,
Thank you for getting back to us.
To change the background on hover, 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:not(.transparent) #top nav > ul > .button_bordered > a:hover:before { background-color: #CDC964 !important; }As for the interior pages, please share a link to one of the pages so we can check thos out for you.
We look forward to your reply.
Thanks,