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.


[solved]Grid images catalogus not lined

Login / Search

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

Community saint

Hi Guys, after installed one product catalogus and filled with some images, the grid of this is not lined left. I have trye to find the code for it, but or I need bigger glasses or something other, but I can't find it.

Someone who point me to the right place please?

Harry



Last edit: by Harry-S


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Rating:
#92724
Avatar

Ah. You can see the 2nd image is slightly taller.

In catalogues.css try changing our CSS from:

Code

.display_type_GRID .catalogue_entry_box_thumbnail {
   min-height: {$CONFIG_OPTION,thumb_width}px;
   text-align: center;
}
to:

Code

.display_type_GRID .catalogue_entry_box_thumbnail {
   min-height: {$ADD,2,{$CONFIG_OPTION,thumb_width}}px;
   text-align: center;
}

min-height balances the heights, but I think there is some kind of extra spacing around the images we needed to consider in it.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#92726
Avatar

Community saint

Thanks Chris, but there is no change after the new code.

Harry


http://digiflash.nl Photo community  (dutch)
Back to the top
 
Posted
Item has a rating of 5 (Liked by pawan)  
Rating:
#92731
Avatar

Tested and the following does work for me…

Code

.display_type_GRID .catalogue_entry_box_thumbnail {
   min-height: {$ADD,4,{$CONFIG_OPTION,thumb_width}}px;
   text-align: center;
}


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#92736
Avatar

Community saint

Chris Graham said

Tested and the following does work for me…

Code

.display_type_GRID .catalogue_entry_box_thumbnail {
   min-height: {$ADD,4,{$CONFIG_OPTION,thumb_width}}px;
   text-align: center;
}

The "4 " is working here to. Thanks for fast responding!!

Harry


http://digiflash.nl Photo community  (dutch)
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: