Button hover colour

Ask the Community Customization
1

Hi Max - thanks for the code for the button on the LOGO SHOWCASE widget we are using - its “almost” there - is there any chance of also adding the HOVVER colour change too like the other buttons we are using - so they are all the same style please?

1 Like
3

Hey there, @Khush_Jabble :wave:

Sure! We’ve added this code to your widget:

.eapp-logo-showcase-logo-showcase-component [class*="ButtonBase__ButtonContainer-sc"] {
  transition: background-color 0.3s; 
}

.eapp-logo-showcase-logo-showcase-component [class*="ButtonBase__ButtonContainer-sc"]:hover {
  background-color: rgb(14, 192, 47) !important;
}

Please check your widget and let me know if you like what you see :slightly_smiling_face:

4

NOW its perfect MAX thanks

It all has to match and be consistent across or site

2 Likes
5

Awesome! You are very welcome :wink:

6

Hey Max

I know I am a pain lol – but apologies

On the BUTTON widget – how do I get a button to be positioned on the left – NOT FLOATING position – at the moment – wherever I place a button – it ends up in the middle of where I place it

1 Like
7

No need to worry @Khush_Jabble, it’s my pleasure to help you :wink:

This code should do the trick - Align emdedded button to the left

GIve it a try and let e know how it worked.

8

Perfect as usual - thanks

2 Likes