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
[Solved] Showtime and round corners
-
- Power Poster
- Posts: 444
- Joined: Wed Jan 25, 2006 11:53 am
- Location: Netherlands
[Solved] Showtime and round corners
Last edited by musicscore on Tue Jun 16, 2015 7:34 pm, edited 1 time in total.
Re: Showtime and round corners
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
- 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
-
- Power Poster
- Posts: 444
- Joined: Wed Jan 25, 2006 11:53 am
- Location: Netherlands
Re: Showtime and round corners
I found the topic in the forum :
http://forum.cmsmadesimple.org/viewtopi ... rs#p272355
So I tried to add the code to css :
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
Don't forget to add a value, i.e. 5px;
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
-
- Power Poster
- Posts: 444
- Joined: Wed Jan 25, 2006 11:53 am
- Location: Netherlands
Re: Showtime and round corners
Sorry I did nog enter the complete code
The complete code is
The Showtime module is in a div class headerpicture.
The complete code is
Code: Select all
.headerpicture {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
Re: Showtime and round corners
Showtime brings its own DIV, AFAIK it is #slider1 ... better check with Firebug or something like that, the number corresponds with the slideshow ID.musicscore wrote:Sorry I did nog enter the complete code
The complete code is
The Showtime module is in a div class headerpicture.Code: Select all
.headerpicture { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
Just apply the CSS rules to #slider1, and it will work (just checked on my site).
hth,
Alex
-
- Power Poster
- Posts: 444
- Joined: Wed Jan 25, 2006 11:53 am
- Location: Netherlands
Re: Showtime and round corners
It works. I used
I used Internet Explorer Toolsbar (F12) to find the id.
Thanx for the help.
Code: Select all
#st_1 {
Border-radius: 25px;
}
Thanx for the help.