Joomla Templates Club 406,261 posts

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

#1026801

Hi
Can you share the screenshot of the issue with page URL.
I have not found the attachment in your last post.

Regards

[javiermduran Friend javiermduranJoin date: June 2016Posts: 6Downloads:8Uploads:2]

#1026803

Hi Pankaj

I have attached the image and the example URL is http://elquid.com.co/index.php/es/laesenciade/519-grupo-de-jovenes-de-medellin-le-saca-sonrisas-a-ninos-mas-vulnerables

---

Attachments:

1. 

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

#1026807

Hi
thanks for the screenshot.
Kindly share a temp super user details of site using Private reply.
Regards

[javiermduran Friend javiermduranJoin date: June 2016Posts: 6Downloads:8Uploads:2]

#1026808

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]

#1026818

Hi
Open JA Teline V template folder /css/custom.css file
add below code in custom.css

.view-article .carousel .carousel-inner{max-height:600px;}

If there is no custom.css file, kindly create it and add the code.

Regards

[javiermduran Friend javiermduranJoin date: June 2016Posts: 6Downloads:8Uploads:2]

#1026869

Thanks Pankaj for your kind help It actually successfully solved the gallery view issue at Desktop, however at mobile view it is still wrong and full screen button does not work correctly. Would you please help me?

[javiermduran Friend javiermduranJoin date: June 2016Posts: 6Downloads:8Uploads:2]

#1026882

I have added the following code to bootstrap css file and solved the issue regarding fullscreen butonn but I still hae view issue at mobile

btn-fullscreen { cursor: pointer; position: absolute; bottom: -1px; left: -1px; z-index: 1001; color: #fff; border: 1px solid #fff; padding: 10px; width: 52px; text-align: center; opacity: 0.6; filter: alpha(opacity=60); }.

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

#1026906

Hi
Add below code in /css/custom.css file for mobile issue

@media(max-width:468px) {.view-article .carousel .carousel-inner{max-height:200px;} }

Hope it helps.
Regards

[javiermduran Friend javiermduranJoin date: June 2016Posts: 6Downloads:8Uploads:2]

#1026912

Thanks Pankaj. I have added it but it did not work. What can be happenning?

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

#1027024

Hi
Use this code

@media(max-width:468px) {.view-article .carousel .carousel-inner{max-height:200px!important
;} }

I tested it and it will work on site.

Regards

[javiermduran Friend javiermduranJoin date: June 2016Posts: 6Downloads:8Uploads:2]

#1027073

Nice Pankaj!

Thanks very much. It works very well now

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

#1027076

You are welcome!

[Author]

Posts