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. more than a month 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. more than a month 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. more than a month 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. more than a month 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!