Background color classic grid boxes

I’d like to make each grid box a different color. When I add <span style=“background-color: color;” it only changes the background color of the text. I want the whole box to change colors.

www.pumphoists.com/contact-us

Hi there,

Please add an inline CSS to the style field of the block grid item:

Hope this helps.

:triumph:

Think you’re funny, dont’cha??!?!

Thanks lol

You are most welcome. :slight_smile:

OK what about this one? The font is all white when viewing on desktop but the last line is black when viewing on mobile.

www.pumphoists.com/contact-us

Hello @ppe29,

Thanks for updating the thread.

On my end I can’t see to replicate the problem. Please see screenshot.

Please try clearing Endurance Page Cache and see how it goes.

Thanks.

Strange. OK thanks!

Hey There,

In some mobile devices, telephone numbers will automatically becomes a link. It might also have happen to your site. To prevent that, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

a[href^="tel:"] {
  color: white;
}

For more details, please check this out: https://css-tricks.com/the-current-state-of-telephone-links/

That was it. It created another problem by turning the number in the grey box white (while the rest of that box’s copy was black) but I compromised by making the grey box darker and all of the copy white. Worked like a charm. Thanks!

You’re welcome!
We’re glad we were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.