- This topic has 3 replies, 2 voices, and was last updated 5 years, 7 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Community Forums › Ambition › Centering Featured Images on Single Pages and Posts
Tagged: Ambition, featured images
Hi Wes,
We’re using the Ambition theme for a client and some of the featured images are not large enough to fill the width of the content area. If we make the images wide enough they are too tall and require too much scrolling to get to the content. Some images we can’t make wider because they come from the corporate office.
It appears that the images are aligned left. How can I change that so they are centered?
Here are two examples of pages that have the correct size image to fill the width:
http://amgtx.wpengine.com/calendar/
http://amgtx.wpengine.com/first-lesson-free/
And here are two pages where the image does not fill the width:
http://amgtx.wpengine.com/history/
http://amgtx.wpengine.com/dance-programs/
Thanks in advance!
Ken
Take a look at your Genesis Theme Settings page and scroll until you see the Content Archives section. Look for the Featured Image part and select “Centered” from the dropdown option to see if that helps. This feature comes directly from the Genesis Framework itself.
Hi Wes,
Thanks for your reply but my question is about individual pages, not the archives. However, I did as you suggested and nothing changed with the featured image at the top of the pages I referenced in my original note.
Do you have any other suggestions?
Ken
“Thanks for your reply but my question is about individual pages, not the archives. “
Both the Page and Posts Featured Images are controled from the Content Archives Section in the Settings. The code added in the functions file is what activates them. If you want to turn Featured Images on or off you would use the featured Image option in the Content Archives.
Since the alignment option doesn’t seem to be working from the settings page you can add this in your CSS –
.page .featured-image {
text-align: center;
}
That should work. Here’s what it will look like when you add the code – http://i.imgur.com/JN15Rdg.png
Let me know if that helps