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
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.