Support Offline : 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: 138
Toufiq

Toufiq

Total Accepted Answers: 104
Sifat

Sifat

Total Accepted Answers: 76
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 1
ES

Emma Seymour

Total Accepted Answers: 1

116

Templates

299433

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