It looks like there are several typos that mess up the inline styling. It is always a bad idea to use inline styling instead of a stylesheet. If you clean up the error, then you should get the clear on the images to work correctly. In any case, you need to fix them because it is not going to work well cross-device with those errors.

Ok thanks, part of the problem has been that I'm trying to work around a bought theme, perhaps I should stick with the route of creating a child theme. I did look at this, as advised here on EE, but took me a while to get my head round it all as a newbie, and I don't have that much time! No quick fix then?

Fixing the errors may solve the problem. At the very least it will stabilize the page and make it possible to experiment a little. The page is already set up so you can try all kind of variations to find the combination of CSS properties that come the closest to what you need. There is no better way to learn then by just doing stuff to see what happens.

With cross-device, there is always the possibility that you will have to use media queries of even alternate pages to get to a full responsive presentation.

Cd&

0

Featured Post

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS
Create a new class by typing ".Ribbon": Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …