Centering Featured Images on Single Pages and Posts

Homepage › Community Forums › Ambition › Centering Featured Images on Single Pages and Posts

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 26, 2017 at 3:52 pm #21652
    Kenneth Partain
    Customer

      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

      June 26, 2017 at 11:01 pm #21665
      Wes
      Moderator

        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.

        June 29, 2017 at 3:03 pm #21678
        Kenneth Partain
        Customer

          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

          July 1, 2017 at 3:02 pm #21692
          Wes
          Moderator

            “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

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.