how to move sidebar in WP???

Discussion in 'WordPress' started by theyd, Jun 2, 2014.

  1. #1
    Hello DP. I'm new with wordpress. My sidebar is on the top of my page and i want to move it to the right side. here is the blog. I've tried a lot of thing but still the same.
    Many thanks in advance. God bless you!!!
     
    theyd, Jun 2, 2014 IP
  2. TIEro

    TIEro Active Member

    Messages:
    741
    Likes Received:
    177
    Best Answers:
    5
    Trophy Points:
    70
    #2
    Unfortunately, this is a lot more complex than it sounds. Assuming you have a horizontal sidebar at the top and you want a vertical one on the right, you can't just move the sidebar code in the template - well, you could, but it'll probably freak out and look completely strange.

    If you do want to try it, you'll need to look in the theme templates (Appearance->Editor) and find where the "get_sidebar()" function call appears. Then you'll need to figure out where to move it to get it on the right. Once you do that, you'll probably have to redo all the <div> classes (in your CSS) so that the page looks right, as well. You'll also have to do it for the page, single, archive, category and other templates, so that it appears in the right place on every post type.

    As I said, it's a lot more complex than it sounds, unfortunately. :(
     
    TIEro, Jun 2, 2014 IP
  3. BenBlurr

    BenBlurr Greenhorn

    Messages:
    37
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #3
    It will probably be done by editing the HTML or CSS, but it is not possible to help now, please provide an URL or anything to work with..
     
    BenBlurr, Jun 3, 2014 IP
  4. demonicsheikh

    demonicsheikh Member

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #4
    You must be a wordpress developer to do that. Unfortunately you can't do it without changing the Template you are working on
     
    demonicsheikh, Jun 3, 2014 IP
  5. Karuna17

    Karuna17 Member

    Messages:
    544
    Likes Received:
    46
    Best Answers:
    0
    Trophy Points:
    33
    #5
    It might be much easier to change template for the similar looking one with sidebars sitting by default in the places you need them to be
     
    Karuna17, Jun 3, 2014 IP
  6. theyd

    theyd Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #6
    Thank You very much for advices. I will try what you show me and let you know...
     
    theyd, Jun 3, 2014 IP
  7. theyd

    theyd Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #7
    Thank you @BenBluerr . here is the url http://blogdetest.penseepositiveplus.com/
     
    Last edited: Jun 3, 2014
    theyd, Jun 3, 2014 IP
  8. softty

    softty Greenhorn

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #8
    Hi

    It looks like it´s hard coded in your default file..
    So find this line in your deafult file "<div class="cell1" style="width:25%;float:left;">" and change float:left; to float:right;

    But you also need to move your content up and fit it in the <div> called ttr_content, remove the cell2, cell3 and cell4
    Set the ttr_post to 750px and float:left;

    Then it will look like the screenshot
     

    Attached Files:

    softty, Jun 3, 2014 IP
  9. theyd

    theyd Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #9
    Hi soffty. Many thanks for you answer. I've tried what you show; i've edit the first part ("<div class="cell1" style="width:25%;float:left;">")
    but for the last part (
    <div> called ttr_content, remove the cell2, cell3 and cell4 Set the ttr_post to 750px and float:left;), i just don't see this one in my default file...
    must i edit an other file?
    Thank you again and God bless you...
     
    theyd, Jun 3, 2014 IP
  10. theyd

    theyd Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #10
    here is the screen shot of the blog after i've edit ("<div class="cell1" style="width:25%;float:left;">"). so that is Ok. And now, i want to move my content up... Thanks
    Capture.JPG
     
    theyd, Jun 4, 2014 IP
  11. BenBlurr

    BenBlurr Greenhorn

    Messages:
    37
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #11
    Oke, I've taken a look but your basic structure isn't good.
    I've created a HTML file (basic-structure.html) which you can use for the right structure.
     

    Attached Files:

    BenBlurr, Jun 4, 2014 IP
  12. softty

    softty Greenhorn

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #12
    If you can send me a copy of the theme, then I´ll take a look at it for you. :)
     
    softty, Jun 4, 2014 IP
  13. theyd

    theyd Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #13
    Thank you @BenBlurr for help. I don't know a lot about HTML, but i will try this and let you know.
    Again, God bless you...
     
    theyd, Jun 4, 2014 IP