change BUTTON hover and Outline

  • Unknown's avatar
    studiologa · Member ·

    Hi guys, I am a newbie and any help would be greatly appreciated.

    I added a button in a page, it is a call to action. I would like to:

    1) Get a Hover effect where the color changes to #06db91 on mouse over. Could you give me a additional CSS code for that?

    2) I have chosen Outline for the style of the button but automatically the outline is set for the same color as the text. I want to change the outline color, only, to #eee3ff. Could you tell the CSS for that?

    Thank you, very much.

    The blog I need help with is: (visible only to logged in users)

  • staff-mckluskey · Staff ·

    Hi there!

    You can paste this code to My Site>Design>Customize>CSS: 

    
/* Button hover color (MI) */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  	background:  #06DB91 !important;
    border-color: #EEE3FF;
}
/*Button outline color (OJ)*/
.wp-block-button.is-style-outline .wp-block-button__link {
  border-color: #EEE3FF;
}

    Please note that this will affect all the buttons on your site so, if you add another button in the future and you’d like to style it differently, you’d want to reach out again so that we make the code more specific.

    Also, remember that with your plan you can access Live Chat directly via https://wordpress.com/help/contact. That way you can get help faster.

  • Unknown's avatar
    studiologa · Member ·

    Thanks, that worked :)

  • The topic ‘change BUTTON hover and Outline’ is closed to new replies.