Images wider than paragraph text

  • Hi there,

    Is it possible to make the images wider than the paragraph text in the3 new WordPress, like this story https://www.bbc.co.uk/news/stories-49084230?

    Thank you

    • This topic was modified 5 years, 8 months ago by Jan Dembowski.
    • This topic was modified 5 years, 8 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not a Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

  • The BBC are using a margin either side of the text

    
    margin-left: 165.16px;
    margin-right: 165.16px;

    rather than expanding the images.

    You could do the same?

    I would suggest contacting the theme developer to be sure there is not an option in the theme. CSS is not always the correct way to make this kind change.

    https://www.ads-software.com/themes/foliopress/
    https://www.themehorse.com/support-forum/

    Thread Starter deadtomorrow

    (@jackjjw)

    Thanks both, I’d hoped this would be one of the features of the new editor now it’s managed in chunks but clearly not yet. I’ll ask the theme editors but I feel it’s unlikely without some coding.

    Moderator bcworkz

    (@bcworkz)

    Layout is still the realm of themes. All the editor does is output paragraph and image blocks of HTML. It’s up to the theme to decide how they will appear.

    OK, that’s not entirely true. You can nest some blocks, which affects layout to some extent, but without the theme playing along, the result may not be desirable. But your question wouldn’t involve nested blocks, so this exception to the rule is moot.

    As @judgerookie suggested, you can do the same thing using your own CSS, no code change necessary. Try adding this rule to your custom CSS (Appearance → Customize → Additional CSS):

    
.hentry .entry-content p {
   margin-left: 40px;
   margin-right: 40px;
}

    It makes the content look very narrow, though. I’m surprised the content area is set to col-lg-8 when there aren’t any other divs in the same row.

    @jackjjw as @crouchingbruin suggested you can add the CSS in the Appearance customizer but your theme may have an options panel where you can make the change as well… that is why I am suggested you contact the theme developer before adding the custom CSS.

    Hope this clarifies my earlier thoughts.

    Thread Starter deadtomorrow

    (@jackjjw)

    Ah OK thank you everyone, that does help to explain better – I really appreciate you taking the time to help. I’ve messaged the theme developer too.

    You bet. We are glad to help any time. Once you have resolved your issue we’d appreciate you tagging the thread as resolved for us. You can do so on the right side or on mobile at the far bottom without replying again.

    Happy Blogging!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Images wider than paragraph text’ is closed to new replies.