Image Poster Block Button Styling

Site URL: https://www.joshuaschweigert.com/

Hello,

I'm trying to get help with the image post block on my website.

I'd like to have the following styling;

Black Background + White Text 

to

White Background + Black Text (Hover)

Thanks!

Regards,

Joshua Schweigert

25 minutes ago, thejschweigert said:

Site URL: https://www.joshuaschweigert.com/

Hello,

I'm trying to get help with the image post block on my website.

I'd like to have the following styling;

Black Background + White Text 

to

White Background + Black Text (Hover)

Thanks!

Regards,

Joshua Schweigert

Is it the result you want to achieve?

section[data-section-id="61a13090d190f713bc5672aa"] {
	.design-layout-poster {
		.image-button {
			a {
				background: #000 !important;
				color: #fff !important;
			}
			&:hover {
				a {
					background: transparent !important;
					color: #000 !important;
				}
			}
		}
	}
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

Close! When the button hovers, have the background color, and text invert to white on black! Thank you so much!

Woo, I got it! Thank you again!