Customization - Custom CSS Item Classes Names

DimitrisKulu · October 2017

Hello,

I have a photo-box item, containing a picture and my goal is to make picture with rounded edges using border-radius. I am trying to make just this picture with rounded edges and not all pictures with the same class in the site. Thus, I used your custom-class field inside the photo element item, assigned it a name (photo-ourschool) and then went to theme options>custom css to write my css, which was:

.photo-ourschool {
margin-top: 20px !important;
border-radius: 4px !important;
}

Margin-top works just fine but I am unable to make border-radius work also. Could you pls proviide some assistance?
Thanks,
Dimitris

Bryan · October 2017

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

DimitrisKulu · October 2017

Hi, as requested below you can find a link of the page that the photo lies in
http://www.lemonweb.gr/templatedance/about-us/
The photo I am trying to round up the edges is http://www.lemonweb.gr/templatedance/wp-content/uploads/sites/32/2015/01/sxolh-xorou-alimos-aleporou-1.jpg
For example (.scale-with-grid) could do the job but it refers to almost all pitctures in the site whreas I want to modify just this specific one. https://pasteboard.co/GO7PPvn.jpg

Thanks
Dimitris

Bryan · October 2017

Try this css instead

.photo-ourschool .image_wrapper {
border-radius:10px !important;
}

DimitrisKulu · October 2017

Awesome! It works perfectly!

Great and fast support

Thanks !
Dimitris

Customization - Custom CSS Item Classes Names

Comments