Support » Fixing WordPress » Moving a new sidebar from bottom to the right

  • Resolved Emily99



    I am still learning CSS and I am trying to customise the Buttercream theme. I have created a new sidebar which I am trying to move from the bottom of the page to the right in line with the header. My site is:

    I am trying to create a similar sidebar to this site which also uses the buttercream theme:

    I have looked through the forum for tips on how to change this, but I can’t seem to change the position of the side bar.

    Any advice would be most welcome.



Viewing 15 replies - 1 through 15 (of 33 total)
  • Josh


    Moderator and Editor Customizer

    I think you have an unclosed div tag somewhere.

    First, I’m unfamiliar with the “Buttercream” theme… but I am pretty sure those 4 widgets on the bottom are supposed to appear in the right (or left) sidebar, by default.

    I normally see widget areas that are supposed to be on one of the sides, shoot to the bottom, when there is improper html being used.

    Also, running your page through a validator (, it seems your pages are encoded with UTF-7. I’m pretty sure you want this to be UTF-8.

    Hope this helps a little!

    Hi Josh,

    Thanks for responding so quickly. The theme deliberately has the widget area at the bottom, so I have created a fourth sidebar for the right side.

    I followed these instructions: (second post down) I think I have missed something when I get to style your sidebar in CSS. I can see the new sidebar in the widget area in the back-end.

    It maybe an unclosed div, I have tried to look. I copied the style css elements from another blog that had the right sidebar…although the position is still at the bottom.

    Do you need to see some of my css?

    Thanks for all your help.


    Does anyone else have any suggestions?



    CSS is totally site and theme specific – so copying it from someplace else rarely works…

    But a bigger problem is that you need to be making these kinds of modifications in a child theme – otherwise your changes will be overwritten when the theme is updated – and you really don’t want that to happen!

    Once you have that set up, we can work on the changes to make the sidebar work in a new template.

    I have followed the link instructions and added a child theme to the FTP with a copy of the style.css file. I have refreshed the WordPress admin site and checked to see in the child theme has pulled into the “edit themes” section of WordPress. I can’t see it, should I?

    If you could help with the next step, I would be so grateful!

    Thanks so much,


    You need to activate the child theme and the child theme style.css file should only have changes you’ve made to the CSS – not a copy of the whole file. You’ll also need to move a copy of any template files you have changed to the child theme. And if you modified the functions file, you’ll need to carefully read the child theme instructions as to how to put those changes in the child theme – it’s a bit different for functions.php file.

    Ok I’ll try now. Thank you

    I followed all the steps and just activated the child theme.

    Although I have just viewed my site and it says “HACKED BY FORCE EX” 🙁

    Do you know how I can remove this?



    Other than the “Hackers” screen, I think the child theme worked.

    Seriously? Wow, that’s not good 🙁 . That looks like your site has been hacked – try deactivating your plugins and switching to the default theme just in case something else is going on.

    Yes everything is fine now for I returned to the default buttercream theme and deactivated the plugins.

    Last time I was hacked I changed the password in the PHPmyadmin (cPanel).

    Although, the hacker screen happens when I change themes, not sure why it’s happening. Frustrating!

    I just tried to activate the child theme again and the “hackers” screen returns…


    I removed the wordpress files from the FTP and re-installed again.

    I went through the steps to create a child theme again and activated. Then the “hacker” screen returned. It happens when I change to the child theme. I think I will have to create the right hand sidebar in the parent theme and just never update.

    It’s so frustrating!!

    The hacked problem is now gone! But I need to re-build all my posts from scratch…I have taken word.doc downloads, so hopefully it won’t take too long to put back together.

    I can now use a child theme…the only issue is that the parent theme structure is not pulling through. I want the child theme to make some small changes, which I have not yet added:

    * Right hand side bar
    * Navigation bar are the top rather than the bottom

    Everything else I would like the same. I have used this code in the Child css:

    Theme Name: Buttercream Child
    Theme URI:
    Description: Child theme for the Buttercream theme
    Author: xxxxxx
    Author URI:
    Template: buttercream

    @import url(“../buttercream/style.css”);

    Should I add something else? I also have a functions.php with this code:

    if ( ! function_exists( ‘theme_special_nav’ ) ) {
    function theme_special_nav() {
    // Do something.



Viewing 15 replies - 1 through 15 (of 33 total)
  • The topic ‘Moving a new sidebar from bottom to the right’ is closed to new replies.