-
Posts
-
Hi,
I am looking to create another website using Enfold. However, I am looking to create the pages like the one mentioned in the private section.
I am looking for the following functionalities:
– Curve the Top Image
– Make the images circular
– Finally, make the half image, half text grid section curvy like the one shown in the linkI would like to test this functionality on one of my existing websites before buying another copy of enfold.
Link to my existing website is: https://www.yourtyreexperts.com/about/our-centres
Login Details are provided.
Looking forward to your response.
Hey projectt_co_uk,
You can do this with custom css and custom images, if you inspect the page you can get an idea how they did it. For example:
1 the curved top uses this png image as a overlay to their square image:
https://www.britishgas.co.uk/aem6/etc/designs/britishgas/clientlib/styles/images/jumbo-curve.png
2 the circle image uses the classic [border-radius: 50%;] to make a square image look round.
3 for the half circle they used this png image as a overlay to their square image:
https://www.britishgas.co.uk/aem6/etc/designs/britishgas/clientlib/styles/images/curve-left.pngBest regards,
Mike
- You must be logged in to reply to this topic.