Hello
I have been working with pagebuilder for some time and i love it but now i need to make my images round.
I am currently busy with a course to learn CSS and Html. but that is not going to help me now.
Could someone take me through the steps on how i tweek pagebuilder.
I have been all over the internet and watched countless videos, but i need real live help…
Thanks
Hi Leigh,
To clarify, how is the image being added? How it’s being added will change what selector is being used. Do you have a public URL where we can take a look at a page you would like to round the images?
Hi
http://www.wildthingzlodge.co.za/activities-2/ <http://www.wildthingzlodge.co.za/activities-2/>
I am using page builder for the layout.
Any help would be great
Hi Leigh,
Thanks. Please open one of the rows that’s housing the images and head over to the row styles sidebar. Open the Attribute settings group and set the row class to circle-image then apply this class to the other rows.
Once done, please navigate to AppearanceCustom CSS add and the following CSS:
If you would like the roundness. I would recommend using this tool to help you generate new CSS.
You might also need to install the SiteOrigin CSS Editor.
Hi Alex
This is great thanks… Worked well.
Will have to do lots of studying as some of that stuff is new to me.
Thanks again.
PS. Would love to be a pro member but her is South Africa the conversion rate is way way high… Maybe one day..
Thanks again
Hi Leigh,
Totally understandable mate. Fun fact: Most of the SiteOrigin staff are actually based in Cape Town. :)