How To Increase Width Of Position Bottom1 In Travus Template
Roderick
Hello,
How can I increase the width of the bottom1 module? I am using Travus template. I'm trying to arrange several logos horizontally, but due to the current width constraint, they are stacking vertically. While I could reduce the image sizes, I would prefer to increase the module width instead. What would be the best way to achieve this?"
Please see link https://tinyurl.com/2ywfjk9f.
Appreciate any help.
Regards,
Rod
Ziaul Kabir
Accepted AnswerUse this css in your custom css, you can follow this documentation: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta#span-class-h2-custom-code-in-template-options-span
div#mod-custom93 .image-row {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 10px;
justify-content: space-between;
}
div#mod-custom93 img {
width: 100px;
object-fit: contain;
}Thanks
Ziaul Kabir
Accepted AnswerHello Roderick,
Thanks for reaching out to us.
Could you please share your website url with me?
Thanks
Ziaul Kabir
Accepted AnswerIn your current layout, there are three columns in the row. Increasing the width of this module may not look good visually within this structure.
Based on your current setup, you can add 2–3 images horizontally within the existing column. If that works for you, let me know—I’ll provide the CSS for it.
However, if you want to display all the images in a full-width row horizontally, you’ll need to create a separate position for it. You can follow this documentation for guidance:
https://www.joomshaper.com/documentation/helix-framework/layout-builder
Thanks
Roderick
Accepted AnswerHello Ziaul,
Apologies, here is my url: www.primarytours.com.
Thank you for your prompt response.
Regards,
Rod