Removing the curvy corners on images « Support Forum | Kriesi.at

Removing the curvy corners on images

8 posts from 3 voices

Tags:

identityconsulting
Member

Hi,

I just wanted to ask how to remove the rounded corners from the images on my site, such as the portfolio images, etc.

Thanks!

Posted 1 year ago #
Chris Beard

Hey,
could you provide a link and specify which images? You're looking for things related to border-radius in CSS files .. to give more specific instructions I'll need more info.

Posted 1 year ago #
identityconsulting
Member

Hi,
My link is http://www.identityconsulting.co.uk/Newsite/
I want to remove the rounded edges from the feature image on the front page, the images on the portfolio page and entries, and the blog entry images.

Posted 1 year ago #
Dude
Dude
Hey,
in css/custom.css add:
```
#top .slideshow {
    border-radius: 0px;
}
```
Posted 1 year ago #
identityconsulting
Member

Hmm, added to quickcss, but doesn't seem to affected anything. My assumption was that I'd have to put in a seperate css alteration for each type of image I wanted to remove the edges from?

Posted 1 year ago #

Dude
Dude

Try following code:

.rounded, .sidebar, #top .slideshow {
    border-radius: 0 !important;
}

.rounded_corner{
background: none !important;
}