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

For questions and problems with the CMS core. This board is NOT for any 3rd party modules, addons, PHP scripts or anything NOT distributed with the CMS made simple package itself.
Post Reply
libralion
Forum Members
Forum Members
Posts: 191
Joined: Fri Jul 11, 2008 4:11 pm

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

Post 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 ???
Last edited by libralion on Sat Jul 16, 2011 10:53 am, edited 1 time in total.
klenkes
Power Poster
Power Poster
Posts: 307
Joined: Mon Sep 08, 2008 9:43 am

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

Post 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
libralion
Forum Members
Forum Members
Posts: 191
Joined: Fri Jul 11, 2008 4:11 pm

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

Post 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
klenkes
Power Poster
Power Poster
Posts: 307
Joined: Mon Sep 08, 2008 9:43 am

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

Post 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.
libralion
Forum Members
Forum Members
Posts: 191
Joined: Fri Jul 11, 2008 4:11 pm

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

Post 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
klenkes
Power Poster
Power Poster
Posts: 307
Joined: Mon Sep 08, 2008 9:43 am

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

Post 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.
libralion
Forum Members
Forum Members
Posts: 191
Joined: Fri Jul 11, 2008 4:11 pm

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

Post 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
libralion
Forum Members
Forum Members
Posts: 191
Joined: Fri Jul 11, 2008 4:11 pm

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

Post 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
Post Reply

Return to “CMSMS Core”