text and image formatting

• 

  persijs · Member · Nov 21, 2013 at 5:05 pm

  • Copy link
  • Add topic to favorites

  How to format text in two or three columns together with photo in home page? I have inserted the text in codes ” text here” , but text and photos appears randomly and with codes’ text. Why?
  http://www.persijs.wordpress.com

  The blog I need help with is: (visible only to logged in users)

• 

  1tess · Moderator Emeritus · Nov 21, 2013 at 5:17 pm

  • Copy link

  Your question is unclear. I don’t see any “codes’ text.” Can you provide a link to where you are seeing code?

  Or are you asking how to have a picture with text next to it, followed by another picture with text next to it?

• 

  persijs · Member · Nov 21, 2013 at 5:46 pm

  • Copy link

  I have deleted everything after waiting for answer about one week.
  One with your staff helped me with these codes for formatting, -text and image.
  I inserted the texts in ” …HERE ” and three items / saved. It appears randomly and together with codes text <div style….>

  I want insert the text in two or three vertical columns together with pictures and text below, in Home page.
  Maybe this is not right code.

  Would you be kind to help?

  Some of your staff hates me…

  <div style=”float:left;width:46%;”>
  LEFT CONTENT HERE
  </div>

  <div style=”float:right;width:46%;”>

  RIGHT CONTENT HERE
  </div>

  <div style=”clear: both;”></div>

• 

  1tess · Moderator Emeritus · Nov 21, 2013 at 5:59 pm

  • Copy link

  The code is correct. Are you pasting the code into the Text Editor, not into the Visual Editor?

  Below is an alternate version for responsive and flexible themes, though the code you have already should still work.

  <div style="float:left;width:50%;">
  <div style="padding-right:10px;">
  
  LEFT CONTENT HERE
  </div></div>
  
  <div style="float:right;width:50%;">
  <div style="padding-left:10px;">
  
  RIGHT CONTENT HERE
  </div></div>
  
  <div style="clear: both;"></div>

• 

  persijs · Member · Nov 21, 2013 at 6:08 pm

  • Copy link

  Ok, with that. But how to insert picture or URL? Before or after codes? And where, – into Text editor or Visual editor?
  Thank you.

• 

  1tess · Moderator Emeritus · Nov 21, 2013 at 6:16 pm

  • Copy link

  Where it says LEFT CONTENT HERE, put your picture, text, link or whatever. That is your left column. Do the same for your right column.
  Then delete the words LEFT CONTENT HERE, RIGHT CONTENT HERE.

  Note: pictures must be small enough to fit. I think 288px wide will work with your theme.

• 

  1tess · Moderator Emeritus · Nov 21, 2013 at 6:20 pm

  • Copy link

  The code goes into the text editor. You can then switch to the visual editor where you’ll see just LEFT CONTENT HERE, RIGHT CONTENT HERE.
  Using the visual editor will work most of the time, but because you cannot see exactly where the cursor is, it’s not as precise as doing it all in the text editor.