NO ROUNDED CORNERS?

More
11 years 9 months ago #12271 by fmlk4u
Replied by fmlk4u on topic NO ROUNDED CORNERS?
I thought so, that you prefer that option. I am busy uploading and installing and will let you know when I am done.

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #12272 by fmlk4u
Replied by fmlk4u on topic NO ROUNDED CORNERS?
I uploaded the site and the URL: sema3.mellink.info/index.php/nl/

You will see that the first slide is rounded at the left side so the site looks OK. But the following slides are all not rounded anymore. I tried to add the css code to several clsses in the template css and the css of the ckslideshow module:

-webkit-border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;

What else can I do to get it working?

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #12278 by ced1870
Replied by ced1870 on topic NO ROUNDED CORNERS?
ok, on the right you have a rounded corner but this is on a single image that is not part of the slideshow. You can not add rounded corners directly in css to the slideshow images. You must create the images with the rounded corners before calling them in the slideshow if you want that
CEd

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #12279 by fmlk4u
Replied by fmlk4u on topic NO ROUNDED CORNERS?
Do you know Photoshop Elements? If yes, can you tell me how to make on only the top left corner of the images a 15px radius??
Thanks for help!!

Please Log in or Create an account to join the conversation.

More
11 years 9 months ago #12297 by fmlk4u
Replied by fmlk4u on topic NO ROUNDED CORNERS?
The guys from Artisteer helped out. Now just disabling some effects.

Please Log in or Create an account to join the conversation.

More
11 years 8 months ago - 11 years 8 months ago #13285 by stefyxz
Replied by stefyxz on topic NO ROUNDED CORNERS?
yes, you can have rounded corners on the images in this way:

- put the slideshow in a div with some class
- in the css, round the corners of the div
- hide the overflow

I am not css expert in any way, but this works for me. I rounded to the top corners in this way...

My slideshow is inside an article, so the code for me is:

<div class="SlideshowTop">{loadposition Slideshow_1}</div>

The css:

div.SlideshowTop {
overflow:hidden;
border-radius:.4em .4em 0 0;
-webkit-border-radius:.4em .4em 0 0;
-moz-border-radius:.4em .4em 0 0;}
Last edit: 11 years 8 months ago by stefyxz.

Please Log in or Create an account to join the conversation.

Time to create page: 0.231 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 933 guests and no members online