We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Image Layout question

Featured Lock Resolved Issue

I'm using Image Layout with a small image and I would like the text to cover two thirds of the element. Even using margins and padding, I can only get it in a block covering half the element.

I've attached screenshot, first box is with Image Layout, there is too much space between the image and text, I can't work out how to spread the text block further to the left so that it looks like version 2.

Version 2 is done with Feature Box, which is how I want it to look, but on a mobile it doesn't display properly, so I want to use Image Layout which does display well.

I keep looking but can't see any way in Image Layout of expanding the text to the right to be closer to the image.

Thanks for your help

Attachments (1)

  • image layout and feature box.jpg
    image layout and feature box.jpg 92.8 KB

5 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
think out of the box, in Image Layout addon increase left and right margin for desktop view
it's a 20sec task, really.

Attachments (1)

  • left-right.png
    left-right.png 11.9 KB

RP Translate

More than a month ago #Permalink
Thanks for reply, I haven't explained this very well.

Changing the margins just changes the size of the whole element, increasing the margins makes it smaller and so the image and text do get closer. However it doesn't make the space taken up by the image inside the element any smaller in relation to the text. It is still 50/50 image/text inside the element and I would like 30/70 image/text.

It seems the only way to achieve this is with a Feature Box, but with an image on the left/right this element is not responsive and displays very badly on a mobile.

Thanks for your help

Paul Frankowski - Staff

More than a month ago #Permalink
you can always add extra styles to fix mobile view (one minutes task)

RP Translate

More than a month ago #Permalink
Ah, this is the first site I've built with Page Builder, what do you mean by extra styles?

Paul Frankowski - Staff

More than a month ago #Permalink
Small CSS styles corrections for mobile view, as you said before that you have some problem.
I didn't see them , so I have to guess.
If you're a webmaster you should know at least some CSS basics, it's like driving license for a car.

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us