Responsive Text Over Image

davidbowen2014 · November 2015

Hi,

I'm using this custom css to display text over a section background image

.whitetext60 { color: #ffffff; line-height: 150%; font-size: 400%; text-shadow: 3px 3px #262626;}

Is there a way to make this responsive?

Albert · November 2015

Hi,

please send us url to page where you want to make this text responsive and we'll have a look on it. Also please explain how exactly you want to do this responsive? Make the font smaller on mobile devices or just break the words on mobile devices?

davidbowen2014 · November 2015

Hi,

The site is here, http://bit.ly/1Sl22Ec

I just need to make the text smaller on a mobile device.

Thanks,

David.

Albert · November 2015

Ok. So to decrease this font on smaller devices, you must use below css:

@media only screen and (max-width: 959px) {
    .whitetext60 { font-size: 30px !important; word-wrap: break-word !important; }
}

davidbowen2014 · November 2015

That's perfect - many thanks!

David.

Albert · November 2015

You're welcome

Responsive Text Over Image

Comments