Support Forums

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

Your Time: Our Time:

Buttons at the same level

Featured Lock Resolved Issue
Hi
I have a question about my plan.
I have used this addons:
Image
Text Block
Button

Columns Equal Height = Yes

But i have a problem. the Buttons in a row aren't at the same level.
Please see attachments.

Attachments (1)

  • Grid.jpg
    Grid.jpg 53.8 KB

10 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Maybe this is stupid question, but why you used 3 addons for one simple task,
For example you could use : Feature Box and Button addon only.
---
But you know basic CSS, if you build websites for customers, right. Any way, try:

.sppb-addon.sppb-addon-text-block {
min-height: 80px;
}

if 80px is too big use 60px or 70px
---
Yes, we have manual for SPPB as well.

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
Equal Height - is not for elements inside, only block height.
---
You have two options:
1) Add longer text (3 lines) under each image , like you have on 3th block
2) Use custom CSS to set static height for text block.

Amir Hossein Vaez

More than a month ago #Permalink
Hi,
Equal Height - is not for elements inside, only block height.
---
You have two options:
1) Add longer text (3 lines) under each image , like you have on 3th block
2) Use custom CSS to set static height for text block.


Hi
Thank you for your answer.
Can you give me the static height css code for text block?

Amir Hossein Vaez

More than a month ago #Permalink
Maybe this is stupid question, but why you used 3 addons for one simple task,
For example you could use : Feature Box and Button addon only.
---
But you know basic CSS, if you build websites for customers, right. Any way, try:

.sppb-addon.sppb-addon-text-block {
min-height: 80px;
}

if 80px is too big use 60px or 70px
---
Yes, we have manual for SPPB as well.


Because i could not reduce distance between border and image in feature box. ( screenshot )

Attachments (1)

  • test.jpg
    test.jpg 44.2 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Check ROW settings.

Amir Hossein Vaez

More than a month ago #Permalink
Check ROW settings.


I saw ROW setting. I didn't find any option for this task.

Paul Frankowski - Staff

More than a month ago #Permalink
And what about "Remove Gutter" ? Have you tried ?

Amir Hossein Vaez

More than a month ago #Permalink
And what about "Remove Gutter" ? Have you tried ?


Yes, But that is for removing distance between 2 columns. I want remove distance between image and border in each columns.

Paul Frankowski - Staff

More than a month ago #Permalink
In that case :
1) I need see you site to check with developer tool and suggest you a custom CSS
OR
2) You can check alone, because almost every browser has developer tool which allows you to check
used class with values for selected object.

---


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 118
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 32
Pavel

Pavel

Total Accepted Answers: 3
Al Mamun

Al Mamun

Total Accepted Answers: 3

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