Support Forums

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

Your Time: Our Time:

Image Layout question

Featured Lock Resolved Issue
Hello

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
Pam

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
Hi,
think out of the box, in Image Layout addon increase left and right margin for desktop view
it's a 20sec task, really.
.
left-right.png

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
Pam

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?
Thanks
Pam

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.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Sifat

Sifat

Total Accepted Answers: 117
Toufiq

Toufiq

Total Accepted Answers: 54
Pavel

Pavel

Total Accepted Answers: 5
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

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