Archived topic

two to three columns

1 reply · Started by Jiří Borový on January 14, 2016

Viewing posts 1–2 of 2

January 14, 2016 at 4:34 am #165745

Hi, I have question. How I in html and css change main page in contents at. 1th post in 1 collom. 2nd to 7th to 2 colloms. 8th to next to 3 colloms. I have child theme.

It is could by simple, But I do not know how edit index.php and style.css

Thanks for reply..

Simca

http://www.kritiky.cz/

January 14, 2016 at 10:42 am #165806

You can use this CSS selector: https://css-tricks.com/almanac/selectors/n/nth-of-type/

So you could do something like this possible:

.blog .type-post:nth-of-type(1) {
    width: 100%;
}

.blog .type-post:nth-of-type(2),
.blog .type-post:nth-of-type(3),
.blog .type-post:nth-of-type(4),
.blog .type-post:nth-of-type(5),
.blog .type-post:nth-of-type(6),
.blog .type-post:nth-of-type(7) {
    width: 50%;
    float: left;
}

And so on - it will require some tweaking, but that should get you on your way :)

This archived topic is closed to new replies.

Start building better websites today.