Semi circle and shape adding to an image element or sitting over an image element

The client is asking for a semi circle to be added over the top of an image section. I can do this by adding another .pgn image of a semi circle and giving it a negative margin so it sits over the image and out side the image item but this then had a depth the image element which is not required.

Is there another way of doing this with css or is there a divider element that would give me the same effect.

The have also asked for a side indicator for a secondary section. I can ado this with grids with a similar image as a tab but again it there another way of doing this using columns?

Open to any suggestions

Hi @dmacoxford,

Unfortunately, there is no option to create what you are expecting here. But you can use custom CSS code to do it, if you are not proficient on that, I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

Thanks for this, will plod on and review the css options. Has to be the best way forward. Rather than the clunky one done so far.

Hey @dmacoxford,

Yes, custom CSS is the best way to do this moving forward and it is easy with changing the images right away without editing it.

Thank you.

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