Sidenote alignment

• 

  james369 · Member · Sep 29, 2013 at 7:47 pm

  • Copy link
  • Add topic to favorites

  Hi…
  I’m using the Watson theme and have added some HTML into each post as a “sidenote” but it aligns to the left of the page. How can I align it to the right side of the page? Thank you for your help.

  example:
  http://jamesfielden.com/2013/09/27/a-doorway-awaits/

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

• 

  jcasta · Member · Sep 30, 2013 at 1:36 pm

  • Copy link

  From what I can tell you are using a left float. What you want to be using is a right float.

  So rather than:

  .entry p.sidenote {
    float: left;
  }

  You will want to use:

  .entry p.sidenote {
    float: right;
  }

  Then you can adjust the margins accordingly as you wish. Keep in mind that when being viewed on smaller screens it may look a little off. :)

  Hope that helps you out a little.