NO ROUNDED CORNERS?

Replied by fmlk4u on topic NO ROUNDED CORNERS?

Posted 10 years 9 months ago #12271
I thought so, that you prefer that option. I am busy uploading and installing and will let you know when I am done.
by fmlk4u

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

Replied by fmlk4u on topic NO ROUNDED CORNERS?

Posted 10 years 9 months ago #12272
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?
by fmlk4u

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

Replied by ced1870 on topic NO ROUNDED CORNERS?

Posted 10 years 9 months ago #12278
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

by ced1870

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

Replied by fmlk4u on topic NO ROUNDED CORNERS?

Posted 10 years 9 months ago #12279
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!!
by fmlk4u

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

Replied by fmlk4u on topic NO ROUNDED CORNERS?

Posted 10 years 9 months ago #12297
The guys from Artisteer helped out. Now just disabling some effects.
by fmlk4u

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

Replied by stefyxz on topic NO ROUNDED CORNERS?

Posted 10 years 8 months ago #13285
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:10 years 8 months ago by stefyxz
Last edit: 10 years 8 months ago by stefyxz.

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

Time to create page: 0.655 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 442 guests and no members online