Joomla Templates Club 406,261 posts

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#205144

Look at my gallery. Image height should be fixed. in the gallery. PLease let me know the code I can put in the custom.css

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#565187

Hi @lovedigit,

I still haven’t got your idea yet, could you please clarify a little bit or provide a screenshot indicate the problem so I can assist you better ?

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#565209

Hello, I want to fix the height of the gallery so it doesn’t gets out of display area on both desktop and mobile view. See screenshot.

---

Attachments:

1. 

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#565322

I have taken that screenshot with a screencapturing software, to show the full height of the gallery. I want it to be like the full screen view, when you scale down the image height and width. for both desktop and mobile view.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#565339

Hi @lovedigit,

Thanks for the screenshot and I got your idea. But unfortunately, it’s not possible to do that via CSS and you will need proper JS code to detect the device height, then adjust popup image accordingly.

I’m afraid that such task is beyond our support scope and you will have to hire a developer to implement the code for you instead.

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#565345

Can you at least reduce the height of the gallery to something feasible? like 500px or something? And width to adjust accordingly. Fix the height of the image in the gallery.

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#565427

Anyone? just want to fix the height of the image in the gallery. See this page – http://www.digitfreak.com/gallery/2650-motorola-moto-g-2nd-generation

It is very annoying

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#565435

Hi @lovedigit,

You can try to open file root_folder/templates/ja_teline_v/css/custom.css (if you don’t have this file, just create a new one) then add this code :


@media screen and (max-width: 767px) {
#t3-mainbody .magazine-item-main .carousel-thumbnail {
width: 500px;
margin: 0 auto;
max-width: 100%;
}
}
@media screen and (max-width: 360px) {
#t3-mainbody .magazine-item-main .carousel-thumbnail {
width: 250px;
}
}

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#565496

Applied this code, but nothings changed.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#565683

Hi @lovedigit,

I checked your site but didn’t see the custom.css file there, please recheck.

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#565718

<em>@Adam M 466904 wrote:</em><blockquote>Hi @lovedigit,

I checked your site but didn’t see the custom.css file there, please recheck.</blockquote>

It is there. see screenshot.

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#565865

Hi @lovedigit,

I logged in to your site back-end then cleared Joomla! cache, after that I could see the custom.css file.

FYI : You might want to reduce the value 500px to 300px in my previous CSS code to clearly see the change in mobile layout.

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#565900

What about desktop view? See this page – http://www.digitfreak.com/gallery/2650-motorola-moto-g-2nd-generation

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#566031

Hi @lovedigit,

You can add this code to custom.css file and adjust it to suite your need :

@media screen and (min-width: 768px) {
#t3-mainbody .magazine-item-main .carousel-thumbnail {
max-width: 768px;
margin: 0 auto;
max-width: 100%;
}
}

[lovedigit Friend lovedigitJoin date: September 2011Posts: 235Downloads:22Uploads:41 Thanks: 13 Thanked: 14 times in 3 posts]

#566266

Copied this code to custom.css, but it is still the same. see link – http://www.digitfreak.com/gallery/2650-motorola-moto-g-2nd-generation

I want it to be like this…

Instead, it is overflowing out of visible area.

---

Attachments:

1. 
2. 

[Author]

Posts