Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Themes & Styling

[Solved] Disorder problem with grid elements

Started by Christoph 9 years ago · 7 replies · 720 views
9 years ago

I use the deliver theme and have a problem in services/_intro

There are six elements which are all beautifully ecually ordered when the length of the text is equal.

After changing to random text length, the layout breaks (looks like missing clears).

Is there a quick known fix?

9 years ago

@outoforder:
After changing to random text length, the layout breaks (looks like missing clears).

Could you provide some more details please? Some code, or screenshot perhaps?

9 years ago

2017-08-06-185154_1920x1080_scrot|690x3782017-08-06-185347_1920x1080_scrot|690x382

Thank you for your interest!
Here are two files, one with equal text and on the other one item 1 with double length text.

9 years ago

It's not broken, it is how the theme is designed.

9 years ago

Do you have an idea how I can bring it to the desired order?
1, 3, 5 should stay on the left side, while 2, 4 and 6 should stay on the right side.

9 years ago

Well, there are few options regarding CSS and template code, let me take a look and think about it 🙂

👍 1
9 years ago

Hello,

You could add this in your custom css:

TXT
.modular .bottom .services .service {
float: none;
display: inline-block;
width: 49%;
vertical-align: top;

It should to the trick. ;)

👍 1
9 years ago

Thank you very much. That's much better!
I will take a deeper look into it 🙂

edit:
I just ve added another line. This is exactly what I need 🙂

CSS
.modular .bottom .services .service {
float: none;
display: inline-block;
width: 49%;
vertical-align: top;
text-align:left;
}
👍 1
last edited 08/08/17 by Christoph

Suggested topics

Topic Participants Replies Views Activity
Themes & Styling · by Pedro M, 2 months ago
4 193 2 months ago
Themes & Styling · by Ian, 2 months ago
3 90 2 months ago
Themes & Styling · by Norbert, 2 years ago
11 449 3 months ago
Themes & Styling · by Lukáš Findeis, 3 months ago
0 43 3 months ago
Themes & Styling · by Sebadamus, 4 months ago
5 123 3 months ago