Page 1 of 1

[Solved] Showtime and round corners

Posted: Sat Jun 13, 2015 6:06 pm
by musicscore
I want to use showtime but the pictures should have round corners. I found a topic about round corners in this forum but is seems this is not working with showtime 3.x. Can some help me to get round corners of the pictures using showtime 3.4.

TIA

Re: Showtime and round corners

Posted: Sun Jun 14, 2015 11:38 am
by velden
You might want to:

- link to the specific forum topic you've found
- link to your webpage where it's not working on
- explain to us what you did already and what the results are

Re: Showtime and round corners

Posted: Sun Jun 14, 2015 1:32 pm
by musicscore
I found the topic in the forum :

http://forum.cmsmadesimple.org/viewtopi ... rs#p272355

So I tried to add the code to css :

Code: Select all

-webkit-border-radius:
-moz-border-radius:
border-radius:

Re: Showtime and round corners

Posted: Sun Jun 14, 2015 2:19 pm
by Rolf
Don't forget to add a value, i.e. 5px;

Re: Showtime and round corners

Posted: Sun Jun 14, 2015 3:07 pm
by musicscore
Sorry I did nog enter the complete code
The complete code is

Code: Select all

.headerpicture {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
The Showtime module is in a div class headerpicture.

Re: Showtime and round corners

Posted: Tue Jun 16, 2015 3:38 pm
by faglork
musicscore wrote:Sorry I did nog enter the complete code
The complete code is

Code: Select all

.headerpicture {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
The Showtime module is in a div class headerpicture.
Showtime brings its own DIV, AFAIK it is #slider1 ... better check with Firebug or something like that, the number corresponds with the slideshow ID.

Just apply the CSS rules to #slider1, and it will work (just checked on my site).

hth,
Alex

Re: Showtime and round corners

Posted: Tue Jun 16, 2015 7:33 pm
by musicscore
It works. I used

Code: Select all

#st_1 {
   Border-radius: 25px;
}
I used Internet Explorer Toolsbar (F12) to find the id.

Thanx for the help.