Page 1 of 1

[Solved]How to style the gallery and get only one image?

Posted: Sat Jul 16, 2011 8:52 am
by libralion
Hi everybody,
On every page of my site I want a different image.
I installed the Gallery module.
I have 2 questions:
-On the Home page I have an image, but the text is running over it. How do I correct that? I already tried creating a div for it with some padding, but that didn't help.
-Then there is a reference on that page to the rest of the Gallery. I don't want that. How can I remove that sign?
Thanks for your time.
Johanna ???

Re: How to style the gallery and get only one image?

Posted: Sat Jul 16, 2011 9:36 am
by klenkes
First of all you have this:
<div class="galleryclear"> </div>
after your image which clears the floating image.

Then your CSS says .gallery .img has an absolute height of 120px declared but the image is more in height. So the image flows down below <div class="img"> and the text running over it.

Remove the <p> that's coming before <div class="gallery"> and look for all open <p> hat are not closed.

Do you wnat the text right to the image or below?

To remove the link to the parent gallery go to your gallery and check the checkbox "Hide link to parent gallery"


--
Bernd

Re: How to style the gallery and get only one image?

Posted: Sat Jul 16, 2011 10:07 am
by libralion
Hi Bernd,
Thanks. :) I couldn't find the css, but I found it now and changed the height value. I also removed the p elements.
I don't know yet if I want the text left or right from the image. But what do I have to do to get that?
And how can I remove the sign that leads to the rest of the gallery? I mean the symbol above the image.

Johanna

Re: How to style the gallery and get only one image?

Posted: Sat Jul 16, 2011 10:12 am
by klenkes
Your image has the CSS set to float:left. Correct.

Now if you want the text to be right of the image you have to remove: <div class="galleryclear"> </div> and put it after the text.

Your text should also float left and therefore be on the right of the image.

Re: How to style the gallery and get only one image?

Posted: Sat Jul 16, 2011 10:27 am
by libralion
Ok. I removed the <div class="galleryclear"> </div> from the css. But I have no idea how to put the <div class="galleryclear"> </div> after the text. If I want to do that, where do I do that?
It is working now. Is that <div class="galleryclear"> </div> necessary in the css or can I use the gallery without it?

Johanna

Re: How to style the gallery and get only one image?

Posted: Sat Jul 16, 2011 10:43 am
by klenkes
The <div class="galleryclear">&nbsp;</div> is supposed to clear every float from the gallery. You don't need it for the gallery to work.

The text:
I thought the text is a comment of the image or gallery... but as I see now, it is not.

Looks okay now.

Re: How to style the gallery and get only one image?

Posted: Sat Jul 16, 2011 10:49 am
by libralion
Yes. Thanks for your advice! ;)
The only thing remaining is, that I want to get rid of the reference to the rest of the Gallery.
I already removed things from both the slimbox.css as well as from the slimbox2.css, but there is still text.
I have no clue where to look.
Any ideas?

Johanna

Re: How to style the gallery and get only one image?

Posted: Sat Jul 16, 2011 10:52 am
by libralion
Ok found it! ;D
It was in the description of the folder where the image is. You can hide the link there.
As always when you know where to find it, it is easy.

Johanna ;D