Joomla Templates Club 406,261 posts

[lightlbulb03 Friend lightlbulb03Join date: December 2015Posts: 55Downloads:34Uploads:17 Thanks: 3]

#930622

Hi there,

I am having trouble getting my pictures to be responsive in my custom html modules. I was wondering if you new of a div that would work. I am currently using <img class="size-auto" src=" " />

but it is not working.

Thanks,
Andrew

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

#930647

Hi
Define the class in custom.css file to make the images 100% width

.size-auto {width:100%}

.size-auto img {width:100%}

Hope it helps .

[lightlbulb03 Friend lightlbulb03Join date: December 2015Posts: 55Downloads:34Uploads:17 Thanks: 3]

#930753

Thanks, it worked.

I got one more styling issue. I was wondering what is the easiest way to decrease the space between modules. The gap is kind of large.

I found a topic in the forums for someone else’s. It said to change the css

@media screen and (min-width: 768px) { .t3-sl { padding-bottom: 54px; padding-top: 54px; } }

I found that particular rule, but it didn’t work on my template. My padding is set to 72px. Does that seem a bit to high?

The link to the page I am having trouble with is below.

Thanks,

http://www.healingroomsoftheheartland.com/index.php/ministries/school-of-supernatural-ministry

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

#930841

Hi
Give me screenshot of the area where u want to remove the space , so i can suggest you exact changes for this .

[Author]

Posts