Center the Featured Image

[chrisjeub]

I'm trying to find the CSS necessary to change the left-align featured images to CENTER. This is very important to my site layout, especially because I use the full-screen layout of Altitude Pro.

Could someone help?

https://monumentpublishing.com

[Genesis Developer]

Genesis have "genesis_attr_entry-image" attributes filter. Using it you can alter the default attributes of the image. Add this code in your functions.php file. Hope that it will help you.

add_filter( 'genesis_attr_entry-image', 'gd_center_align_entry_image' );
function gd_center_align_entry_image( $atts ) {
   $atts['class'] = "aligncenter";
   return $atts;
}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[chrisjeub]

This didn't work. See https://monumentpublishing.com/gold-season-17-release-1/ for an example. You will see the image floats left.

[Genesis Developer]

Are you added the image inside the WP Editor? or it is a featured image?

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[chrisjeub]

It's a featured image.

[chrisjeub]

Do you know how to fix it? I suspected CSS advice, but a Function change will work too. I just need to get that featured image centered.

[chrisjeub]

I guess what I'm asking is how do I change the attributes of the Featured Image in the Altitude Pro CSS. I very much want direction in this, if you can help.

[BYW]

.entry-content .attachment-post-image {
display: block;
margin: 0 auto;
}

Does that work ? Does it affect anything else in the site it shouldn't?

---

We’ve been building WordPress Websites with Genesis since 2009.
Need some help? We love working with Woocommerce and Genesis

[chrisjeub]

Splendid! Thank you, BYW. I made a small adjustment to put some padding in the bottom margin, but now it's centered. Thanks again.

[Author]

Posts