• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Change buttons and menu second colors

Home › Community Forums › Epik Theme Support › Change buttons and menu second colors

  • This topic has 6 replies, 2 voices, and was last updated 9 years 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 http://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.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework