Recent
Categories
View Replies (4)

J51_Emani_J4_2.0.0 blog layout 2nd column does not respect max-width

  1. Issue
0
Votes
Undo
  1. crimle
    crimle
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Friday, 22 November 2024
  5.  Subscribe via email
Hi Ciaran

I am using J51_Emani_J4_2.0.0 on one of my websites. We are trying a 2-columns blog-layout. The first column is ok. But the second column does not respect the max-width of the template. The second column protrudes over the edge of the main content.

This issue is similar to an issue with J51_Skylar I reported earlier. So I tried the solution you provided in that thread, but it does not work here. I added the following to the Custom CSS field of the templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....



.blog-items.columns-2 {

    grid-template-columns: 50% 50%;

}



.blog-items.columns-3 {

    grid-template-columns: 33% 33% 33%;

}


Please give me a hint how to resolve this issue.

Thank you and kind regards
Chris
References
  1. https://art2o.ch/en/ and also https://art2o.ch/en/gallery-en/videos
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

Could I you check the URL provided as it appears to give us a 404 error.

Ciaran
  1. 3 weeks ago
  2. Commercial Templates
  3. # 1
crimle
crimle
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

sorry for this. I filled two URLs into the field, so it causes an error. Please try
https://art2o.ch/en/gallery-en/videos
and
https://art2o.ch/en/
Thank you and kind regards
Chris
  1. 3 weeks ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

It appears that your videos are been displayed within iframes which have a fixed width and are therefore extending beyond the column width. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

[code]iframe {
max-width: 100% !important;
}/code]

Ciaran
  1. 3 weeks ago
  2. Commercial Templates
  3. # 3
crimle
crimle
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

unfortunately, the code you suggested did not change anything. But then I had the idea to replace



.blog-items.columns-2 {

    grid-template-columns: 50% 50%;

}

with this


.blog-items.columns-2 {

    grid-template-columns: 48% 48%;

}

and it seems to be OK now.

Thank you anyway ;-)
Kind regards
Chris
  1. 3 weeks ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.