Forums

How to move the sidebar from right to left? (6 posts)

  1. ronniesblog
    Member
    Posted 4 months ago #

    http://www.highlandmeditation.com

    hello can someone help please in instructing me how to move the sidebar from right to left hand side of the page?

    also is it possible for me to have a quicktime video clip there in the sidebar instead of whats there currently in the 4 seperate images?

    thanks a lot for your help

  2. Xamataca
    Member
    Posted 4 months ago #

    In your style.css file:

    #content {
      float:left;
      width:588px;
    }
    #sidebar {
      float:right;
      width:272px;
    }

    Just guess what values you have to change ;)

  3. ronniesblog
    Member
    Posted 4 months ago #

    :) thank ye very much

    what do you reckon on replacing the 4 x images with 1 x embedded video clip?

  4. ronniesblog
    Member
    Posted 4 months ago #

    this is the code i have in the css for sidebar, and when i change on the first line from right to left the sidebar stays on the left but the alignment of it distorts somewhat. am i changing the right place or is there more that needs to changed in relation to this particular template? thanks a lot

    #sidebar{float:right;width:272px;}
    #sponsors{background:#E5E3D6;padding-bottom:8px;overflow:hidden;}
    #sponsorscontent{padding-top:3px;padding-left:8px;padding-right:8px;}
    #sponsorscontent img{padding-top:5px;border:0;}
    .right{float:right;}
    .left{float:left;}
    .sidebar-item {margin-top:10px;background:#E5E3D6;}

    .sidebar-item ul {margin:0;padding:8px;list-style-type:none;}
    .sidebar-item a{color:#464647;text-decoration:none;}
    .sidebar-item a:hover{text-decoration:underline;}

  5. Xamataca
    Member
    Posted 4 months ago #

    You need to float:right the #content div too

  6. ronniesblog
    Member
    Posted 4 months ago #

    excellent, thank you for your help

Reply

You must log in to post.

About this Topic