Joomla Templates Club 406,261 posts

[valthebault Friend valthebaultJoin date: April 2012Posts: 312Downloads:14Uploads:203 Thanks: 18]

#909065

Hi,

I’ll explain. As seen in the first attachment, the two images aligne perfectly under the portfolio menu;
in the second attachment, however, the image goes higher than it should and invaded into the portofolio menu.
I’m afraid this issue only exists for the last 2 sub-menus out of 5 in total.

How could I regulate it, please?

Thanks

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#909244

Hi
In this case i need to check this issue directly on your site . Kindly Edit your first post and submit your site super user details For JA Staff/Mods .
Also Let me know if you did any custom work in this area , after that u are getting this issue .

[valthebault Friend valthebaultJoin date: April 2012Posts: 312Downloads:14Uploads:203 Thanks: 18]

#909372

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#909388

Hi
Both are same , there is no issue on site related to style . The difference is on last two item there is only one item and one side is blank that shows the white space .
You can use this code as tweak in custom.css to fix it

.articles-list.ja-isotope-wrap.packery .item {
    top: 10px!important;
}

[valthebault Friend valthebaultJoin date: April 2012Posts: 312Downloads:14Uploads:203 Thanks: 18]

#909394

Hi,

Thanks for the code, I applied it and I’m afraid now the image is moving up and down and finally settle DOWN, meaning that it’s no longer 10px over the top, it’s 10px lower.

Should I add bottom: 10px! important; under the top code?

Also, I’m afraid we couldn’t do this because when the code is applied, the images on the homepage are all gone and there’s this huge white space left by the images removed. I think the code might be influencing more than it should. Any other ways?

Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#909414

Hi
You should add more items to fill the space because its not the issue with style .
To apply it only for above two pages .
use this code

.itemid-102 .articles-list.ja-isotope-wrap.packery .item {
    top: 10px!important;
}
.itemid-143 .articles-list.ja-isotope-wrap.packery .item {
    top: 10px!important;
}

[valthebault Friend valthebaultJoin date: April 2012Posts: 312Downloads:14Uploads:203 Thanks: 18]

#909425

Hi,

Thanks for the code and advice, I think with time go by, the site will grow to fill the gaps.
One last problem thought, the two images are still lower than it should be, like in the attachment. Should we do something about that too?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#909441

Hi
this is due to the custom code top:10px , this is reason i told u add more item because its not issue with the style .

[valthebault Friend valthebaultJoin date: April 2012Posts: 312Downloads:14Uploads:203 Thanks: 18]

#909462

Ok, thanks 🙂

[Author]

Posts