Float:left; and center aligned section

[zero_to_one]

Hey there,

what would be the best way to achieve this look http://prntscr.com/lktz5y ? I already got the look by using the float:left; on the black headline.
But when I wanted to align http://prntscr.com/lku0ys the content in the center of my page, this messed up the look.

Thanks for your help!

[friech]

Hi There,

Thank you for writing in, you have 2 options to achieve what you need. First you can add a left padding to your column to move the content towards the center.

Second, you can set a max-width to your ROW, so it does not spread to much and will keep the content on the center.

Hope it helps,
Cheers!

[zero_to_one]

Thanks for your help. I tried to design a similar column with more text on the right of the float:left element

Screenshot

but I got problems as the text in the line below, will start at the beginning of the column. I’d like the orange text to start at the same place every time

[nabeel]

Hi again,

Try adding the following code in the Theme Options > CSS:

.home .x-text.left + .x-text:not(.left) {
    font-size: 24px;
}

Hope this helps!