Site logo

Archived topic

How can I re-style the blog page

13 replies · Started by Tesco on July 30, 2020

Viewing posts 1–14 of 14

I'm using a child theme and I would like to re-style the blog template. Is this possible via Hooks and Filters?

If so, how?

Hi there,

What would you like to achieve specifically?

Hi Leo,

I'm trying to re-style the blog page by adding two columns (33,66) and adding the featured image on the left and the description on the right.

Also, make it available the "read more" button just below the description...

Bingo!

That's the template I had in mind... How can I achieve that?

Awesome, thanks!

No problem :)

Sorry to re-open this but it might be related...

Is there any way to add a class to the images on the blog page?

Hi there,

what specifically do you want to do ? As it may be possible without adding a new class.
Let me know

The solution I found was to add a custom style to the classes like so:

.resize-featured-image .post-image img { my style here }

And that do the job... but it would be great if I can add a style via some kind of filter OR, maybe you can show me another way (I would be grateful...).

Thanks, again!

That is a perfectly good way to do it.
If you must add a class to the archive featured image you can use this PHP Snippet

add_filter( 'wp_get_attachment_image_attributes', function( $attr, $attachment ) {
    if ( ! is_single() && $attachment->ID === get_post_thumbnail_id() ) {
        $attr['class'] .= ' your-class';
    }

    return $attr;
}, 10, 2 );

Awesome, once again!

Thanks!

Glad to be of help

This archived topic is closed to new replies.