Custom CSS Images

Hello,

Since the last updates, the all the CSS that customize my images

{
    overflow:hidden;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #daaa8d;
}

isn’t effective anymore, do you have an idea why ?

For example, the border of this image should be a bit rounded and colored but not anymore.

Sincerely,
Sandra

Hi Sandra,

Please replace your existing code with this:

.sow-image-container img {
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #daaa8d;
}

Regards,
Awan

Hi Awan,
Thank you for your answer, unfortunately it doesn’t change neither :frowning:

Hi,

I’ve tried it in browser dev tools and its working. http://prntscr.com/fi35lu
Btw, where did you put the code? is it in Customize > additional CSS?

Maybe you can try to add !important rule to each properties? So, the code should like this:

.sow-image-container img {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid #daaa8d !important;
}

Regards,
Awan

Hello Awan,

I added the CSS in the Style CSS of each specific rows I wanted to modify with this code.
If I put in customize > additional CSS, it is effective yes but for all pictures of my website, which is not what I’m looking for.
I tried the rule !important but it doesn’t change neither. So I don’t really understand what is happening.

Thank you for your time,
Sandra

Hello Awan !

I found the solution, we just need to write it like that in Style CSS so it is effective :

   border-radius: 10px
    overflow: hidden
    border: 2px solid #daaa8d

without ; or {}

Thank you a lot for helping me,
Sandra