class to apply for responsive image in gk publisher template
Rate this topic: 




1.00 out of 6 based on 1 vote(s)






- GK User
- Sat Apr 04, 2015 3:08 pm
- Reply with quote
- Report this post
Hello,
I am unable to find a post about making an image responsive in gkpublisher.
can you help please ?
Let's say I have this code :
Thanks for your help.
I am unable to find a post about making an image responsive in gkpublisher.
can you help please ?
Let's say I have this code :
- Code: Select all
<img src="images/info-livraison-et-commande.jpg" alt="" />
Thanks for your help.
-
- Expert Boarder
- GK User
- Sat Apr 04, 2015 3:41 pm
- Reply with quote
- Report this post
Could you please post an url to your site to a place where image should be responsive?
-
- Moderator
- GK User
- Sat Apr 04, 2015 5:30 pm
- Reply with quote
- Report this post
yes of course,
http://www.oasisexpress.fr/
the image is in the toppannel (blue background), but it is an article, but it does not work when in the toppannel.
any idea ?
Maybe I have to add something in the css of the toppannel ?
Thanks
http://www.oasisexpress.fr/
the image is in the toppannel (blue background), but it is an article, but it does not work when in the toppannel.
any idea ?
Maybe I have to add something in the css of the toppannel ?
Thanks
-
- Expert Boarder
- GK User
- Mon Apr 06, 2015 10:03 am
- Reply with quote
- Report this post
This is actually jatoppanem module issue, and we don't provide support for 3rd party extensions...
But just this time: please edit: /templates/gk_publisher/css/override.css and add at its end:
Remember to enable "CSS override" in template settings - advanced section.
But just this time: please edit: /templates/gk_publisher/css/override.css and add at its end:
- Code: Select all
.ja-toppanel-row img {
max-width: 100%;
}
Remember to enable "CSS override" in template settings - advanced section.
-
- Moderator
- GK User
- Mon Apr 06, 2015 3:50 pm
- Reply with quote
- Report this post
A big Thank you
That is really nice you helped me

That is really nice you helped me


-
- Expert Boarder
- GK User
- Tue Apr 07, 2015 7:26 pm
- Reply with quote
- Report this post
No problem 
If you have any additional questions regarding this topic, please let me know.

If you have any additional questions regarding this topic, please let me know.
-
- Moderator
6 posts
• Page 1 of 1