Homepage › Community Forums › Epik Theme Support › Change buttons and menu second colors
Hello, i want to know how can i change the color that appears when you put the cursor in a button or menu?
About the buttons:
I used this code https://appfinite.com/topic/pricing-buttons/ to use it like a “buy now” button, how can i change the second color that shows yo when you put the cursor over in?
About the menus:
I have changed the submenu second color by accident and want to change the menus, also would be good to know what is the code for the glow in the submenus.
Do you have a link to your site so I can see what you’re referring to?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
That color is coming from the code on line 3478 in your css. You can override it by either pulling out the part that says – .epik-pink .site-header .sub-menu a:hover
and adding the color, or you can simply just add this to your css and add whatever color you want in it’s place –
.epik-pink .site-header .sub-menu a:hover {
color: #ffc5e1;
}
Where are the buttons that you’re referring to on your site located?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Thank you! it worked well, the button is the red one in the slider widget that says “Pida una cotizacion” i want to change the second color too, but i just don’t find where.
It would probably be better to add the button like this instead – http://demo.appfinite.net/epik/buttons/ (look at the bottom for instructions).
Then look around line 478 for the button section and you’ll see all of the code that makes up each button. –
Look for this –
/* Buttons
--------------------------------------------- */
The hover for the buttons is actually the opacity changing which makes the color fade a little –
a.button:hover {
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
color: #fff !important;
opacity: .7;
transition:all .5s ease;
}
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
This is the code that i actually use for a button: <div class=”plan-button”>Words in the button
It uses the same color that i’m using as header, if i put it i don’t know how i did it, so it is a lot easier to use this.
Yes i have seen that code already, i just dont understand what is moz, and all that stuff, i have exactly the same code but my button turns into a darker color i was expecting some info about where do you put the code that defines the color and color change of the button.
I found this:
.epik-pink .sidebar .enews-widget input[type=”submit”],
.epik-pink a.button.small,
.epik-pink a.button.medium,
.epik-pink a.button.large,
.epik-pink .circle {
background: #933240;
}
As the responsable for the color of the button i just didn’t found how to change the hover color to become lighter…
Even in the buttons in the link, the hover turns darker when i put it on my theme.
Thanks.