misalignment in masonry layout

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 17 replies, 4 voices, and was last updated 9 years by Mohammad – SUPPORT.

Viewing 15 posts - 1 through 15 (of 18 total)

1 2 →

Back to forum

Posted in: Dante
January 19, 2015 at 5:28 am #142249

rlshaw
Member

Post count: 47

Hi, I already tweaked some custom css as below per your support advice to get alignment on masonry and while I can see the middle green entry is aligned, the same formatted item on the right side is misaligned… any ideas waht to try next?

div.masonry-item-wrap div.quote-excerpt table {margin-left: -45px; width: 360px !important;margin-top:-25px !important;}

January 19, 2015 at 7:18 am #142265

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
My colleague Mr. Kyle will assist you shortly.

Thanks
Mohammad

January 19, 2015 at 8:31 am #142284

Kyle – SUPPORT
Moderator

Post count: 35880

Hi

Who provided you with that code?

– Kyle

January 20, 2015 at 6:06 pm #142807

rlshaw
Member

Post count: 47

see the thread at http://www.swiftideas.com/forums/topic/quote-post-styling-in-masonry-blog-layout/

January 21, 2015 at 10:59 am #142958

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Your issue resolved already.
Thanks
Mohammad

January 21, 2015 at 12:43 pm #143037

rlshaw
Member

Post count: 47

Sorry, it’s not resolved. The layout problem is now on the left column at http://ii4i.org/ideas/

January 21, 2015 at 11:07 pm #143243

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Sorry, What is exactly the issue on the green column on the left?
Can you provide a screenshot with the problem marked.

-Rui

January 22, 2015 at 12:08 am #143251

rlshaw
Member

Post count: 47

see arrow – first column is left shifted, 2nd and 3rd are correct. This is the custom css entered on your advice.

div.masonry-item-wrap div.quote-excerpt table {margin-left: -45px; width: 360px !important;margin-top:-25px !important;}

Attachments:
You must be logged in to view attached files.

January 22, 2015 at 10:52 am #143359
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
Hi,

Replace that previous code by this one:
```
div.masonry-item-wrap div.quote-excerpt table {
margin-left: -45px; 
width: 375px !important;
margin-top:-25px !important;}
```
-Rui
January 22, 2015 at 1:59 pm #143467

rlshaw
Member

Post count: 47

Did this – now you get this behaviour with the item extending out beyond both sides…

Attachments:
You must be logged in to view attached files.

January 23, 2015 at 9:02 am #143693

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please provide me wordpress login detail so i can check and resolve the issue.
Thanks
Mohammad

January 23, 2015 at 7:08 pm #143998

rlshaw
Member

Post count: 47

This reply has been marked as private.

January 26, 2015 at 1:38 pm #144319
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please use this custom css code also.
```
.masonry-items .blog-item .quote-excerpt, .masonry-items .blog-item .link-excerpt{
padding:25px 46px 0 !important
}
```
Thanks
Mohammad
January 26, 2015 at 8:00 pm #144468

rlshaw
Member

Post count: 47

This reply has been marked as private.

January 27, 2015 at 8:23 am #144545

Kyle – SUPPORT
Moderator

Post count: 35880

Please comment out ALL of the previous css code my colleagues have provided you with, as there should be no issue with the layout, and if there is I will forward to the developer to fix it. Adding a bunch of CSS code to try and fix it is only going to cause problem after problem

– Kyle
Back to forum

Posted in: Dante