Joomla Templates Club 406,261 posts

[mengler12 Friend mengler12Join date: February 2017Posts: 151Downloads:112Uploads:77 Thanks: 33]

#1052799

Hello, I am trying to create custom modules that load images with hyperlinks to other websites/webpages. I having succeeded in creating them and all works well. However, the images are loading "vertically" but I want them to load "horizontally" please see webpage below. Please note that I am referring to the bottom module, NOT the top slider. I want to add several images side-by-side with some padding between each. I also want to be able to adjust the image size (constrain) directly from this module.

article page http://my-bplans.com/index.php/en/industries-we-work-with/fitness

This is the custom module I created: {loadposition mypositions}

<h4 style="color: #3498db;">Click on the images above for an awesome experience.

see image:Screenshot (75)

• This topic was modified 7 years, 4 months ago by  mengler12.
• This topic was modified 7 years, 4 months ago by  mengler12. Reason: the second image is the module

---

Attachments:

1. 
2. 

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

#1052912

Hi
Kindly try the code as showing below

    <div class="col-md-3"><a href="http://www.trainingforlife.club" target="_blank" rel="noopener noreferrer"><img src="/images/joomlart/sam-2.jpg" alt="my-bplans custom crafted upscale retail joomla website"></a></div>

<div class="col-md-3"><a href="http://trainingbase.club" target="_blank" rel="noopener noreferrer"><img src="/images/joomlart/sam-2.jpg" alt="my-bplans custom crafted upscale retail joomla website"></a></div>
<div class="col-md-12"><h4 style="color: #3498db;">Click on the images above for an awesome experience.</h4></div>

By adding the column classes the div containers have a defined width.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. mengler12

[Author]

Posts