• Is there a way to add CSS to designate when an image should appear in the standard right-side column vs inline with the text on the left side?

    Page: https://textualdelight.com/portfolio/drift-email/

    There are times when I want certain images to appear inline with the text (in the left section) for context around what I am saying.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi,

    it probably can be done via CSS but it is a bit out of the scope of our support here. I’d recommend doing these kinds of changes directly in the editor using Media&Text Block.

    Thread Starter anandp29

    (@anandp29)

    @fresatomica – I did try by adding media blocks in the post but images seem to automatically get pushed to the right section. I tried the ‘media & text’ block, the ‘image’ block and even the ‘gallery’ block. All keep having the images appear in the right section.

    For example, this is the image set up in the editor as an image block: https://www.dropbox.com/s/4te9di96dgiewpa/Screenshot%202020-05-05%2010.56.57.png?dl=0

    You can see here that the image appears in the right column: https://textualdelight.com/portfolio/drift-email/

    I can’t access the Dropbox link. With the Media&Text Block you can set if you want the image to appear on the left or right, has that made no difference at all?

    Thread Starter anandp29

    (@anandp29)

    @fresatomica – Oh sorry, maybe try this: https://imgur.com/a/pJjgrIx

    The issue is that for the Orvis theme, there is automatically 2 side-by-sections for each individual post. On the left is the ‘portfolio-content’ div and on the right is the ‘portfolio-media’ div. It seems as if any image I add to my post itself automatically gets put into the ‘portfolio-media’ div, aka the right section. I would like some to appear inline with the text in the ‘portfolio-content’ section, aka the left.

    Thread Starter anandp29

    (@anandp29)

    It looks like I may have figured it out. Not sure if this is the best approach but you edit the image block as HTML and remove the figure tag.

    <figure class="wp-block-image size-large">

    These specific images will now appear in the left column.

    Let me know if there is a better, cleaner way of handling.

    Here is the end result using this method: https://textualdelight.com/portfolio/drift-email/

    • This reply was modified 4 years, 5 months ago by anandp29.

    Nice! It’s looking really good.

    I don’t think I can come up with a better solution, however, maybe someone from the community will be able to advise more ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Images on left side’ is closed to new replies.