Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #745756

    On one page i have an easy slider which i want to have rounded corners – as i don’t have such a slider on another page i ended up just using the first class i found – after i experienced, that i’m having trouble with the egdes as they are visible when fading, i ended messing it up completely and just tried this and that. Here is what i have at the moment (which does not really help anyway):

    #av_section_1 > div > main > div > div
    {
    border-radius: 25px;
    border: 2px solid #F8F5EB;
    z-index; auto;
    }

    .post-entry-166
    {
    border-radius: 25px;
    }

    .avia-slideshow
    {
    border-radius: 25px;
    }

    .avia-fade-slider
    {
    border-radius: 25px;
    }

    .active-slide
    {
    border-radius: 25px;
    }

    You can see the Problem here:

    http://messerausch.aninova.de/enfold-support/rounded-corner-fading-issue-1.png <- this is how i want it
    http://messerausch.aninova.de/enfold-support/rounded-corner-fading-issue-2.png <- this is the issue (corners!)

    I’d appreciate any help of what i have to add to just address THIS slider and have the corners rounded even when fading or sliding.

    Thanks a lot in advance. I’ve created an administration-account so you can see for yourself if necessary, please see details below.

    Cheers

    #745768

    Hi @onlylettesrandnumbres ;
    I’m really NOT sure but have you tried to add a border radius to your “img” in your slider?

    img { border-radius: 25px !important;}

    • This reply was modified 7 years, 5 months ago by begrafiks.
    #745770

    Hey @begrafiks,

    how would i do that so it only applies to images in that slider?

    Thanks so far!

    #747532

    Hi,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your slider and give it a custom class (“your-custom-class” in example below) and use the code as following

    .your-custom-class img { border-radius: 25px !important;}


    @begrafiks
    Thanks as always! :)

    Best regards,
    Yigit

    #759246

    Thanks for you help, guys. We switched to Layer Slider in the end.

    Best regards,

    Crea

    #759540

    Hi Crea,

    Ok, thanks for the feedback. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Rounded colors visible when fading in Easy Slider’ is closed to new replies.