Responsive Text Over Image

davidbowen2014

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

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?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

davidbowen2014

Hi,

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

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

Thanks,

David.

Albert

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; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

davidbowen2014

That's perfect - many thanks!

David.

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next