Change buttons and menu second colors

This topic has 6 replies, 2 voices, and was last updated 10 years, 3 months ago by Juan93.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
January 19, 2014 at 9:36 pm #10095
Juan93
Customer
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.
January 20, 2014 at 12:28 pm #10113
Eric
Customer
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
January 20, 2014 at 3:59 pm #10118
Juan93
Customer
This reply has been marked as private.
January 20, 2014 at 9:35 pm #10128
Eric
Customer
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
January 22, 2014 at 1:01 pm #10150
Juan93
Customer
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.
January 23, 2014 at 8:39 am #10166
Eric
Customer
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
January 23, 2014 at 10:40 am #10169
Juan93
Customer
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.
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.