Site logo

Archived topic

Featured image only on home with user defined breakpoints for columns

3 replies · Started by Hans on June 7, 2018

Viewing posts 1–4 of 4

Between width 1025 and 1151 I want to display two columns. Thus the range for two columns is enlarged to get nicer results.

@media (max-width: 1150px) and (min-width: 768px) {
    .wpsp-col-4 {
        width: 50%;
    }
}

You can see it on this page.

Only on the blog I use a featured image. On the blog I want to use two columns between 768 - 1150. The 2 columns featured image should start at 1151. For smaller widths I want to use the width of all other posts.

Which filter can achieve the desired result?

Hi there,

If I understand correctly, this might help:

@media (max-width: 1150px) and (min-width: 768px) {
    .generate-columns,
    .grid-sizer.grid-33 {
        width: 50%;
    }
}

Let me know :)

Great, Tom! This is the solution.

Awesome, glad I could help :)

This archived topic is closed to new replies.