Home>Support>Text and Image alignment

Text and Image alignment

We are using Vantage Premium and page builder to build pages. In one instance where we use 2 columns, I have a Tiny MCE text portion and an image widget. The text and the image are not aligned properly and it looks shabby. Is there a way to bring the image to the center of the text or even align so that the top border of the image and text are aligned? Please help. Thanks

URL: http://www.justopex.com/consulting

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 8 months ago Andrew Misplon Hi, I Work Here

    Hi Just Opex

    Have you tried inserting the image with the text in the TinyMCE widget? That would give you the usual image alignment options.

    The Visual Editor widget is our TinyMCE of choice: https://wordpress.org/plugins/black-studio-tinymce-widget/.

  2. 7 years, 8 months ago Just Opex

    Andrew, Thanks for your answer. Yes I tried this but I can either left, center or right justify the image, horizontally speaking. I cannot seem to move the image to the right of the text to let the text appear as if in a different column. I need the image to appear to the left or right of the text (as in 2 columns) and the image needs to be in the center of the vertical height of the text. What am I doing wrong? Thanks…

  3. 7 years, 8 months ago Andrew Misplon Hi, I Work Here

    In this case it would unfortunately be a matter of choosing one option or the other. To hotfix this try the following under Appearance > Custom CSS:

    #panel-223-1-1-0 img {
    margin-top: 26px;
    }
    
  4. 7 years, 8 months ago Just Opex

    Thank you very much Andrew; that worked just perfectly. Cheers!

  5. 7 years, 8 months ago Andrew Misplon Hi, I Work Here

    Super, glad to hear that helped.

  6. 6 years, 1 month ago Michael Gill

    Hi Andrew

    I would also like to align text vertically in a SiteOrigin widget, Where would I find the row and widget ID in order to add this code to the custom CSS panel?
    Thanks

  7. 5 years, 6 months ago Iluho International

    Hi Andrew,

    I also have the same issue as Michael. Would you kindly advise as to how I can determine the row and widget ID? I foresee I may need to do this in other sites too. Thanks.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More