Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1180422
    themanaicalcoder
    Participant

    Hey, I was wondering how to move the side bar. For example I want to get my site with a similar layout to this with the sidebar starting underneath the Featured image on every post.

    Example:
    http://www.bodybuilding.com/fun/lebrun19.htm

    How would I go about doing this? I’ve tried looking for custom sidebars etc etc and nothing has come up successful for me, so I’m currently at a loss.

    Hope to hear back from someone soon, :D.

    FYI, this is my site, http://www.hoverred.com. As you can see I have the featured image coded correctly I just don’t know how to move around the sidebars so it only encompasses the content and no the entire page.

    #1180461
    themanaicalcoder
    Participant

    Actually the question above has been solved, however I have a new question, how do I remove all styling on the blog index?
    http://hoverred.com/category/featured/

    I want to keep the styling everywhere but the blog index.

    Looking forward to your response

    #1180687
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in!

    By default the layout should look like this: http://prntscr.com/cjmj8p

    Since you have added some custom css, the layout was a bit messed up. I understand that you like the featured image to be fullwidth like in the example url. I would suggest that you remove your custom css and only use this custom JS in the customizer, Appearance > Customize > Custom > Javascript

    (function($){
      $(document).ready(function(){
        $('.single-post .entry-featured').insertAfter('.single-post .masthead');
      });
    })(jQuery);

    And you will probably get this layout: http://prntscr.com/cjmkga

    We would loved to know if this has work for you. Thank you.

  • <script> jQuery(function($){ $("#no-reply-1180422 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>