Picture Formatting in Text

  • Hey everybody,

    I was wondering if you could help me out with an issue I’m having. I’m trying to format my picture so that the text will flow around it, instead of the picture taking up the whole line and pushing the text down below it (creating massive blank spaces). Here is my blog I’m trying to fix: https://toprockyvacations.com/ski-resorts-near-denver

    Does anyone have a solution for this? I have very little coding knowledge, so dumbing it down for me would be much appreciated!

    Thanks in advance!

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

  • When you are in the post editor, click the image and then click the pencil icon to edit the image – There should be an option to align the image left, right or center.

    If you wanted to shorten the width of the paragraph so the image scoots in a bit, you will need to add some custom CSS.

    Are you using a child theme?

    Thread Starter btordoff

    (@btordoff)

    Craig,

    I’ve tried this, but it doesn’t seem to work when I go to the actual website. Any other coding advice?

    First thing – Go back to that edit image screen and under Advanced Options, there is a field for “Image CSS Class” – Name that something unique and save it.

    Using a child theme or if you have another method of adding custom CSS, you could achieve this with the following: (replace “yourclasshere” with the class you gave the image and adjust the margin until you get it right where you want it)

    .yourclasshere {
margin-right: 250px;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Picture Formatting in Text’ is closed to new replies.