• Resolved vaingloriousme

    (@vaingloriousme)


    Hello, I would like images to appear they way they do in the demo, taking up the whole width of the page. When I downloaded the template, images are only centered. Please help!

    Thanks very much,

    V

Viewing 4 replies - 1 through 4 (of 4 total)
  • It appears that you’ll need to make sure that your post’s featured image has a width of 1200px.

    Thread Starter vaingloriousme

    (@vaingloriousme)

    Does this mean that I can only upload images with a width of 1200px or is there something I can adjust somewhere int he CSS file? I’m a complete novice to this stuff, but ideally I wanted post images to appear as they do under the ‘Radcliffe’ theme (https://www.ads-software.com/themes/radcliffe), where no adjustment is necessary to images to make them take up the whole width of the page. The only downside to that, however, is that only images show up in the home page, and no text. A wide image and a little bit of text in the Hoffman theme, as it appears in the demo, would be ideal. Would you have any ideas on how to fix? Thanks so much!

    The following CSS will work. I encourage you to create your own Child Theme (https://codex.www.ads-software.com/Child_Themes) based on Hoffman. It will only take a few extra steps, but can save you a lot of time moving forward, especially if you intend to make any additional changes:

    .featured-media img {
    width:100%;
    }

    A few caveats: This will enlarge your images to fit the width of the content area (1200px). If you use a very small, low-resolution image to begin with, it probably won’t look the greatest when enlarged. There may also be a specific reason the theme’s author did not choose to do this, so make sure you do some testing to ensure that everything still functions as expected.

    Let me know if you need help getting the child theme set up. I’m happy to walk you through it.

    Thread Starter vaingloriousme

    (@vaingloriousme)

    Ah, you are right the image gets all stretched out! Everything you said worked, thanks very much for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Widen image’ is closed to new replies.