Styling a category archives view

[Jon]

I’ve been trying so many different things today. I tried Elementor, Elementor Pro, a bunch of different plugins, and finally resorting to a simple custom archive view.

I’m really stuck though.

I’m trying to replicate a view look like, https://www.buzzfeed.com/shopping for one of my categories.

Any suggestions how I would approach laying out my content in such a way for a specific category?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jon]

It’s been updated

[Tom]

What exactly are you trying to achieve from that layout? The featured post with the columns below? The sidebar?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Jon]

Hey Tom,

Looking to achieve the specific style of ..

sub-categories of the archive in view, as links above, All, Beauty, Deals, Home, etc.

first post, large image with title and except

below, left image, title, description, author, minutes ago

with right sidebar (nothing specific)

[Tom]

It will likely take some custom CSS.

To start, set up your blog to have a featured post in Customize > Layout > Blog.

Then set the featured image to align left.

Once you do that, feel free to link me to the page and I’ll help with some of the CSS 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Jon]

Hi Tom,

As this is our production site, I can’t make those changes live until I have the definitive layout done. I have a working copy locally on my machine of this site.

Is there any way to provide some guidance based on what is already in production so I can work on it locally?

[Tom]

Hey Jon,

Is it possible to set up a quick staging server? It will make it much easier to bust out the necessary CSS if I’m able to see your exact setup – much less guessing.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts