Stylize the over of buttons

assosqueeze · November 2019

Hello, could you tell me how to style the effects on the buttons.
I would like to change the color of the normal button and on over.
Is it possible ?

Thank you

Pablo · November 2019

Hello,

You can change the color and background of the button in Theme Options > Colors > Content, there is a section named "Button"

But, if you would like to change the hover color, you have to create a separate css code for it.

By the default the effect is set to make the button darker a little bit.

Thanks

assosqueeze · December 2019

Could you explain me how to do ?

Thanks

Pablo · December 2019

Yes, but I need a link to the page with that button.

Will it be possible?

Thanks

assosqueeze · December 2019

Yes : https://www.revuesqueeze.com/revues/

Thanks

Pablo · December 2019

Paste it into the Theme Options > Custom CSS & JS > CSS

a.button span:hover{
	background:green !important;
}

Thanks

assosqueeze · December 2019

Hello, thank you for your answer but it only works on part of the button, not on the right and left edges. Is it also possible to measure the opacity when moving the mouse on the button?

Thank you

assosqueeze · December 2019

If I decide to keep the base button is it possible to set the opacity of the over effect?

Thank you

Pablo · December 2019

Yes, you have to use other CSS parameter in that code.

https://www.w3schools.com/cssref/css3_pr_opacity.asp

Thanks

assosqueeze · December 2019

in fact I would like to change the effect on the buttons...

I would like to choose a color for the state "Normal" and a color for the state "RollOver" but with a smooth transition between the two colors.

Pablo · December 2019

Sorry, but this is not possible with our settings.

Also, it require a lot of really advanced css to achieve.

Sadly, we provide help only with minor css tweaks, but not creating the whole css logics.

All I can is to help you with the documentation which will be helpful for you:

https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp

https://www.w3schools.com/css/css3_animations.asp

https://www.w3schools.com/css/css3_transitions.asp

Thanks

Stylize the over of buttons

Comments