Hi,
I am trying to get rounded corners on folders only,
I found the image-container class but it also set for images in galleries.
Is there a way to touch Folder only ?
Thank you in advance for your answer
X3Photo Gallery Forums
X3 Photo Gallery Support Forums
Re: rounded corners for folders only
These things will depend slightly on how you want it. If you are already using a frame, the border-radius would either affect the frame only or only the image inside. A border-radius to a single element wouldn't be able to affect both the frame and the image. It's likely in this case you would want the border-radius on the frame element. It could also depend on what type of layout you are using, as some layouts include captions within the element.
Anyway, in general you could try something like this:
Anyway, in general you could try something like this:
Code
.folders figure {
border-radius: 10px;
}Re: rounded corners for folders only
oh ok, so you mean that I cannot have a rounded folder with rounded frame ?
I could live without.
But I was planing on having the title in caption inside the element. wouldn't it be possible ?
this is what i am trying to reach :
https://petri-de-pita.smugmug.com/Stories
I could live without.
But I was planing on having the title in caption inside the element. wouldn't it be possible ?
this is what i am trying to reach :
https://petri-de-pita.smugmug.com/Stories
Re: rounded corners for folders only
You can. But the image inside will be square. If you find an example of galleries with frames AND rounded corners, you will see what I mean.petri71 wrote: oh ok, so you mean that I cannot have a rounded folder with rounded frame ?
It's possible by using the "caption overlay" option in folder settings.petri71 wrote:But I was planing on having the title in caption inside the element. wouldn't it be possible ?
Yep. Keep in mind the above doesn't use frames. If it did, it would affect the frame while the image inside remains square, and it will look slightly odd ... Just warning you up front, as I have come up against this a few times.petri71 wrote:this is what i am trying to reach :
https://petri-de-pita.smugmug.com/Stories
Re: rounded corners for folders only
ok thank you I get the frame problem.
I deleted all frame options in the settings and in CSS I added your .folders figure but it doesn't work :
http://www.coquille.org/x3/cellpix/
what am I doing wrong ?
I deleted all frame options in the settings and in CSS I added your .folders figure but it doesn't work :
http://www.coquille.org/x3/cellpix/
what am I doing wrong ?
Re: rounded corners for folders only
The border-radius could be applied to different elements. In this case, when applying to the <figure>, you must use overflow: hidden so that it affects elements inside the <figure>:
Code
.folders figure {
border-radius: 10px;
overflow: hidden;
}