Customization - Custom CSS Item Classes Names

DimitrisKulu

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DimitrisKulu

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

Try this css instead

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DimitrisKulu

Awesome! It works perfectly!

Great and fast support

Thanks !
Dimitris