-
AuthorPosts
-
July 11, 2019 at 9:15 pm #1117880
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
July 12, 2019 at 8:10 am #1117961Hey MikeTandySwag,
I can’t view your screenshot, could you upload it to for instance Google Drive or Dropbox instead please?
Best regards,
RikardJuly 12, 2019 at 2:20 pm #1118099Of course, try this – https://drive.google.com/file/d/1w5YCUmmJav8XJXk4_wmCNG3m3wJLF8cB/view?usp=sharing
July 14, 2019 at 7:56 pm #1118531Hi 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,
VictoriaJuly 15, 2019 at 8:32 pm #1118926Thank 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
July 16, 2019 at 6:13 am #1119051Hi,
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,
RikardJuly 16, 2019 at 4:33 pm #1119191Hi of course –
July 16, 2019 at 8:01 pm #1119283Hi 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,
VictoriaJuly 16, 2019 at 8:35 pm #1119293Perfect! Thank you!
July 17, 2019 at 6:22 am #1119410 -
AuthorPosts
- You must be logged in to reply to this topic.
