HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Need to make one page not display a portion of the css code

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#59818 (In Topic #13016)
Avatar

Community saint

Need to make one page not display a portion of the css code

My galleries were set up with a 5 column row display. The images I use in the galleries had such a varitey of height to width ratios that when they displayed they would 'order' themselves in a most disorderly way.

I found that if I placed a background around them with a particular size they would be more ordered when they were displayed. I provide this for your information, this is how I the changed code in gallery.css

Code

.gallery_media_expose {
overflow: hidden;
outline: 0;
float: {!en_left};
margin-bottom: 10px;
width: 33.3%;
background-color: #000000;
background-position:top left;
height:145px;
width:138px;
}
For the galleries this all works fine.

…but on the start page I promote the galleries using the MAIN_GALLERY_EMBED block with a BOX_BLOCK surrounding it. I find that because there are different heights to the images that come up on the 5 image display there is almost always big space occuring below the images. You can see the space here in lime green (green for demo purposes here only) - this is how it looks on the page normally. I want to tighten up the block's display. I know the fixed image container's size as called by the CSS coding is making more space there than just to the bottom of the images.

At one time I was thinking if I could choose images which were about the same depth it might help - that is, if the images were all near the taller 145 px size but I don't know how to choose which images you want to display.

So, I am thinking now if I can block that part of the css for the MAIN_GALLERY_EMBED it will tighten up the display but I don't know how to do it.

I am hoping someone can help.


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
Posted
Rating:
#59822
Avatar

Well-settled

Code

#page_running_start .gallery_media_expose {
   height:auto;
}

This would override the height for the page named 'start' (the front page). It works because id="page_running_<pagename>" is inside the default templates to solve this very problem.
Back to the top
 
Posted
Rating:
#59830
Avatar

Community saint

Can't believe it was that easy. Works great!

Thanks Duder911


Art and Imagination
of David L Friend

http://davidlfriend.com

  My Art Gallery
powered by ocPortal
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: