Support Forums

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

Your Time: Our Time:

Connected responsive content blocks?

Featured Lock Resolved Task
Hello! Looking for help. Pretty new to SP Page builder. I've had no luck trying to create something I see being used quite a bit: A series of different connected responsive content blocks, as seen here as browser window shrinks. Thanks for any help!

https://scontent.fnyc1-1.fna.fbcdn.net/v/t1.0-9/51703092_2216291931761870_4747778173234577408_n.jpg?_nc_cat=111&_nc_ht=scontent.fnyc1-1.fna&oh=0a36fd905dfcde39b4d0cf32582b402c&oe=5CFFCB12

Attachments (1)

  • blockscombines.jpg
    blockscombines.jpg 104.2 KB

8 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
It's a quite easy task. I hope my short video will help much more than any text.
Yes, I used Text addon, and 4 columns.
--
Make a drink & enjoy the show: https://youtu.be/TWx-ccHPy-U

I have more on my channel.

MACKevin

More than a month ago #Permalink
Thanks so much Paul! The video looks great. I'll give this a try very soon.

Paul Frankowski - Staff

More than a month ago #Permalink
Rock'and'Roll

MACKevin

More than a month ago #Permalink
Rock'and'Roll
It worked out great. As seen Herehere. Thanks again! The only remaining minor tweak questions are:

1. Can you control the height of the text block? I followed your steps and my blocks are fine, but shorter height than what you ended up with. Or is height completely responsive?

2. I duplicated my row of four to give me 2 rows of four text blocks. How can I remove the blank space between the two rows? .

I'll definitely check out your channel for more tips.

MACKevin

More than a month ago #Permalink
Rock'and'Roll
It worked out great. As seen here: https://miltonartcenter.org/
Thanks again! The only remaining minor tweak questions are:

1. Can you control the height of the text block? I followed your steps and my blocks are fine, but shorter height than what you ended up with. Or is height completely responsive?

2. I duplicated my row of four to give me 2 rows of four text blocks. How can I remove or reduce the blank space between the two rows? .

I'll definitely check out your channel for more tips.

Paul Frankowski - Staff

More than a month ago #Permalink
ad 1) for example, by addon padding (top & bottom)
ad 2) check Row settings, default top, and bottom padding is 50px

MACKevin

More than a month ago #Permalink
ad 1) for example, by addon padding (top & bottom)
ad 2) check Row settings, default top, and bottom padding is 50px


Thank you!


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 127
Sifat

Sifat

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 45
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

292762

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