Justify text below image without spill

  • Hi

    I was wondering how I can make sure that the text doesn’t spill past the edges of the picture when justifying it.

    I’d like the image size to be set on “large – centered” and the text below it to have the same width as that large image.

    I’ll include a screenshot where the red lines mark where the text should border to.

    https://prntscr.com/8uzpy6

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

  • Hi,

    All that is defined in your theme style.css file. I suggest a very quick fix like that.

    wp-content/themes/yourtheme/style.css – or the right main css for your theme

    <style type="text/css">

.content { padding-left: 20px; padding-right: 20px; }

</style>

    You can of course increase left and right values according to needs.

    Thread Starter nathanhorn

    (@nathanhorn)

    Oh my god! I’m going to try that out but I’m amazed at the fast response! This morning (China time) I was like, you know what, instead of spending hours looking for a solution myself, i’m going to post something in the forums and do something else while waiting for an answer, and within 8 minutes I’ve got a response! Awesome! I’ll let you know if it worked for me ??

    Thread Starter nathanhorn

    (@nathanhorn)

    By the way, when pasting in code, where is the best place to paste in the code? At the end? after all other text? Or at the end, before a certain line of text? Because I have no coding experience.

    EDIT: So I pasted the code at the end of the style.css and nothing changed.

    Hello Nathan,

    Every theme use a different style.css file, while not knowing it, I just proposed ideas.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Justify text below image without spill’ is closed to new replies.