Change corner radius of "Article Slider"

Hi Guenni & Yigit!

Die Bilder mit dem Dreheffekt erzeugt das Plugin “Paper Grid”.
Das kann noch mehr Effekte :-)

Aber zu meinem Problem – nein es ist noch nicht gelungen – es sind ja drei Reihen zu sehen!:

Reihe 1 sind die Flipbilder aus “Paper grid”. Hier sind aber bereits abgerundete Bilder hochgeladen!
Reihe 2 ist eine Farb-Sektion mit 4x 1/4 Layout-Element in dem je ein Bild steckt … Hier sind auch abgerundete Bilder hochgeladen!

Jetzt kommts: Reihe 3 ist ein Farbelement mit einem 1/4 Bild und 3/4 “Einträgeslider”
Und diese Bilder vom Einträgeslider sind ja (Blog)-Artikelbilder – die kann ich ja nicht passend abgerundet hochladen, da diese ja automatisch generiert werden !
Und GENAU DIESE Bilder im Einträgeslider in Reihe 3 sollen derart abgerundet werden, das sie zu den aus Reihe 1 und 2 passen – sonst keine !

LG
Tom

PS Yigit you’ve replied exactly when I’ve been answering Guenni – that’s why I wrote German :-)

• This reply was modified 8 years, 9 months ago by ideenstart.

Hi Guenni !

Nein ich habe es nicht verändert !
Wie gesagt – Ich konnte es genau wie Du direkt im Browser nachvollziehen – nur eben nicht wenn es über die Custom-CSS-Box eingegeben wird.

Hier der Inhalt meiner custom css box:

@media only screen and (min-width: 1140px){
.avia-testimonial-wrapper{
width: 1030px;
}
}
 
body div .avia-button { background-image: none; }
 
.av_promobox { margin: 20px 0; }
 
body div .avia-button:hover { background-color: #88BBC8!important; color:white!important; border-color: #88BBC8!important; }
 
p.form-allowed-tags { display:none; }
 
.grid-entry .inner-entry {
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
}
 
$avia_config['font_icons'] = apply_filters('avf_default_icons', array(
                'scrolltop'            => array( 'font' =>'entypo-fontello', 'icon' => 'ue876'),
));
 
.avia-content-slider .slide-image {
border-radius: 20px !important
}

.iconbox_top .iconbox_content {
    border-radius: 20px
}

LG
Tom

Hi Rikard !

Nothing has changed yet.
I still need to find a way to change the border radius of the content slider on the main page as written in the first post.
With Guennis help we already fixed part two – changing the border radius of the iconboxes.

We also could change the border radius of the content slider directly in developer tools.
But the changes in the custom css box get ignored …

So I still need to find a way to permanently change the border radius of the pictures in the content slider.
Above you see the complete content of my custom css box …

Thanks & sorry for the German discussion …
Tom

Hi Yigit !

It just won’t change :-(

This is what I added:

.avia-content-slider .slide-image, .avia-content-slider .slide-image, .avia-content-slider .slide-image img {
    border-radius: 20px !important;
}

You can see it here: http://www.gaspar.de

Changing it directly in the console like that works: http://screencast.com/t/hNFTuvHr

So somehow IT HAS TO WORK via the CSS settings … But how? :-)

Thanks
Tom

Hi Yigit !

Below the login credentials…

Thanks
Tom

Hi Yigit !

Everything works perfectly now !!!!!!!!!

And the removed line has been an old bugfix – it’s not even needed anymore … :-)

So like always A BIG THANK YOU !!!!!!!!!!!!!

Tom