Forums

Blocks have no space in between them and crunch up together

Permalink
All of the sudden I looked at my website today and saw all the clickable Product Blocks on my website are formatted strange. I have a page that lists all the products and they are now all crunched up together like it's trying to take up as little space as possible. I didn't do anything to the site to change this so I'm wondering how to fix it and put space back in between each block. Help please.
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi mrimpatient,

Please post a link to your website and screenshots of the problem.
mrimpatient replied on at Permalink Reply
Hello,

Here is a link to my page that is having the problem. You can see the blocks are all bunched up and have no spacing in between them. They are suppose to be in a list going down the page.

http://www.ushydrotech.com/products/...

Please help as I'm not that great with formatting and don't know where to even start to fix this problem that just popped up today.
MrKDilkington replied on at Permalink Reply
MrKDilkington
It appears that the product images are set inline to float left. This causes the following elements to shift up to fill any remaining space.

Try adding this CSS to your page:
.block_productblock {
    clear: both;
}
.block_productblock img {
    margin-bottom: 25px;
}

It seems strange that this would suddenly change without any interaction. To clarify, nothing on the site was changed?
mrimpatient replied on at Permalink Reply
I should clarify that I have been doing some changes to other pages like editing texts in blocks but nothing major. I added the css to the website theme and that didn't change anything. I also added it to the first two blocks on the specific page that's having the problem but still no change. Am I adding the css to the right places? I'm sorry but I'm a newbe at this.

I just noticed that all the product blocks across the entire website have the same issue. I recently did update the website to the newest version because it hadn't been updated in perhaps a year, so maybe that has something to do with it? I'm so confused.
MrKDilkington replied on at Permalink Reply
MrKDilkington
I just visitedhttp://www.ushydrotech.com/products... and it appears you were able to apply the CSS I posted.

Did it work after you cleared the cache or did you add the CSS another way?
- through the stylesheet directly
- Customize Theme > Add Your CSS
https://www.concrete5.org/documentation/using-concrete5/dashboard/pa...
mrimpatient replied on at Permalink Reply
It worked! Perhaps it just took a while to kick in but I'm very grateful for your help. Thank you again!