Forum Support

Shape 5
March 28, 2024, 06:29:30 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How do I make ALL boxes in masonry look the same?  (Read 386 times)
studiocet
Jr. Member
**
Offline Offline

Posts: 7



« on: December 07, 2017, 08:53:03 PM »

Hi guys

I need to change some settings in the way the boxes in masonry look.  At this stage it seems like there is a 1 - 2 - 3, 1 - 2 - 3 pattern which does not quite work for me, at least.  As you can tell, text gets somehow difficult to read in some boxes

I want them all to look the same but I cannot find anything in the css file that points me in the right direction. 

I would also need to do is change the colour lightbox effect, if possible.  This is what my site looks like at this stage.

Thank you for any assistance with this matter.
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: December 08, 2017, 05:55:00 AM »

Hello,

You'd have to modify the template to do this. You would need to alter index.php and look for:

#s5_masondisplay_container .item:nth-child(3) .s5_masonwrapinner, #s5_masondisplay_container .item:nth-child(7) .s5_masonwrapinner, #s5_masondisplay_container .item:nth-child(11) .s5_masonwrapinner, #s5_masondisplay_container .item:nth-child(15) .s5_masonwrapinner, #s5_masondisplay_container .item:nth-child(19) .s5_masonwrapinner

and modify that area to your liking. And then also in template.css look for this area:

#s5_masondisplay_container .item:nth-child(odd) .s5_masonry_articletitle {
border-bottom:solid 1px #444444 !important;
}


I would not recommend making these changes though. The template was designed for them to be different, and we don't provide support on making major modifications to the template.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.