class to apply for responsive image in gk publisher template

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.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 :
Code: Select all
<img src="images/info-livraison-et-commande.jpg" alt="" />
What is the code to insert please ?
Thanks for your help.
User avatar
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?
User avatar
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
User avatar
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:
Code: Select all
.ja-toppanel-row img {
  max-width: 100%;
}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
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 :D :D
User avatar
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.
User avatar
Moderator


cron