Responsive images in header_bottom not working

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
Tue Jul 22, 2014 10:32 pm
Reply with quote
Report this post
Hi, how do I make the image in the header_bottom position responsive.
I have a 1260px witdh image that I need to make responsive in that position, but adding class="img-responsive" to it does nothing.

Is there any way to do this?
thanks
User avatar
Fresh Boarder

GK User
Wed Jul 23, 2014 6:50 am
Reply with quote
Report this post
Could you please post an url to your site?
User avatar
Moderator

GK User
Wed Jul 23, 2014 4:08 pm
Reply with quote
Report this post
HI Cyberek,

Here it is,
http://www.lånfinder.dk/index.php
User avatar
Fresh Boarder

GK User
Wed Jul 23, 2014 4:12 pm
Reply with quote
Report this post
It would be best if you could add a custom module suffix to the module containing the image, for example 'responsiveImage'.
Now, after adding module suffix Pplease edit: /templates/gk_cloudhost/css/override.css and add at its end:
Code: Select all
.responsiveImage img {
max-width: 100%;
}

where responsiveImage is the custom suffix you have added.
Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Wed Jul 23, 2014 4:31 pm
Reply with quote
Report this post
Thanks Cyberek,

This worked.
:)
User avatar
Fresh Boarder

GK User
Wed Jul 23, 2014 5:11 pm
Reply with quote
Report this post
If you will have any other questions, feel free to post new forum threads - it allows us to answer you faster :)
User avatar
Moderator


cron