David

Home page 1 column text

Is there anyway of switching on HTML text editor on the Home Page "1 column object" ? At the moment I try to add an image and align it, and it won't display correctly.

Created: July 15, 2013 at 3:23 pm
  • In: Directory Theme
  • Started by: DavidDavid
  • 3 members left 14 comments
  • Last reply from: Mark FailMark Fail

  • Mark Fail
    Mark Fail
    July 17, 2013 at 2:37 am

    Work on the html outside of your browser then simply copy/paste it into the box.

  • David
    David
    July 17, 2013 at 10:27 am

    Yep, did that, and image still didn’t respond correctly when aligned.

  • David
    David
    July 17, 2013 at 1:07 pm

    Seems to be an issue when adding images to pages too, I’m using img class=”alignright” and the images are just sitting on the left, with text below it.


  • Gil
    July 17, 2013 at 2:19 pm

    David, try replacing
    img class=”alignright”
    with
    <div style="text-align: right;"><img src="...></div>

    It’s possible that the WP classes are being overwritten or ignored. To test this, I generally put the object in a div, and style the div itself.

  • David
    David
    July 17, 2013 at 3:27 pm

    Gil, that aligns the image right, but still leaves the text sitting below the image.
    This seems to be a pretty basic thing that it’s struggling to handle 🙁
    Anyone else tried this in a page or post or home page column ?

  • Mark Fail
    Mark Fail
    July 17, 2013 at 4:19 pm

    David, would need to see a link so we can see what your looking at.

  • David
    David
    July 18, 2013 at 9:44 am

    Link is attached.
    I’m trying to adapt the image on the home page to simply sit to the right of the text, pretty basic HTML – but all it does is sit above the text.

  • Mark Fail
    Mark Fail
    July 18, 2013 at 9:58 am

    Davif

    You’ve put a div around it which means it’s now a block. You would can either remove the div or change the ‘text-align:center’ to ‘text-align: right; float:right;’

  • Mark Fail
    Mark Fail
    July 18, 2013 at 9:58 am

    also text-align: right; wont do anything here, since there is no text inside the div and your trying to move the image.

  • David
    David
    July 18, 2013 at 10:05 am

    This is the original code from previous DirectoryPress home page :

    That no longer works on the responsive theme.

    I only tried <div> as per the suggestion above.

  • David
    David
    July 18, 2013 at 10:05 am

    Woops.
    Just wanted to show the code.

    <img class="alignright" style="margin: 5px;" alt="Wedding Guest Posts" src="; width="339" height="463" />

  • Mark Fail
    Mark Fail
    July 18, 2013 at 10:12 am

    .alignright isnt part f the framework, so use;

    <img class="alignright" style="margin: 5px;float:right;" alt="Wedding Guest Posts" src=";quot; width="339" height="463" />

  • David
    David
    July 18, 2013 at 10:17 am

    Yes, that works, thanks for your help Mark.

  • Mark Fail
    Mark Fail
    July 18, 2013 at 12:10 pm

    np


Viewing 15 posts - 1 through 15 (of 15 total)