Hi Everyone,
For the life of me I can’t figure out how to create this in Enfold.
Basically I want to create these blocks with the Enfold theme – https://www.tandarichgroup.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-11-at-2.59.28-PM.png
Any tips or code that I should put in to do it?
Thanks
Hey MikeTandySwag,
I can’t view your screenshot, could you upload it to for instance Google Drive or Dropbox instead please?
Best regards,
Rikard
Of course, try this – https://drive.google.com/file/d/1w5YCUmmJav8XJXk4_wmCNG3m3wJLF8cB/view?usp=sharing
Hi MikeTandySwag,
You need to add 1/3 elements and text boxes in them, add image on top and text with the button below.
Best regards,
Victoria
Thank you!
I was able to get it to look like this but how can I add a radius to the top? The container has a radius but the image doesn’t.
See screenshot here – https://drive.google.com/file/d/1PPEc8tyc9M76iq4h_qqgYlETPFZrKiMe/view?usp=sharing
Hi,
Thanks for the screenshot, could you post a link to where we can see the actual elements as well please? Otherwise it’s difficult to give you accurate CSS.
Best regards,
Rikard
Hi of course –
Hi MikeTandySwag,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.page-id-11 #after_section_1 .avia-image-container .avia-image-overlay-wrap img {
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Perfect! Thank you!