Get rid of sidebar, Widely theme

• 

  majamalmcrona · Member · Jan 23, 2015 at 10:03 pm

  • Copy link
  • Add topic to favorites

  Hi! Could someone please please help me with my CSS. I’m using the Widely theme and the site I want help with is this: MAEMW.com

  I want to get rid of the sidebar (the left part where the date and comment count is stated). Instead I want the date and comment underneath each blog post title. In text only, not the symbols. And I would like the posts to the centered in the page. Someone got any useful tips?

  Thank you in advance! xx

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

• 

  thesacredpath · Member · Jan 25, 2015 at 2:44 am

  • Copy link

  Hi there, the following should do what you want. After adding the following to your custom CSS, in the “Media Width” field below the CSS edit area, enter 960 for the width and your images should then resize to take advantage of the new width of the content area.

  footer.entry-meta, .search-results .page footer.entry-meta {
      display: flex;
      float: none;
      margin-left: auto;
      margin-right: auto;
      width: 220px;
  }
  footer.entry-meta .genericon {
      display: none;
  }
  footer.entry-meta .genericon {
      border: medium none;
  }
  .comments-link:after {
      content: "Comments";
      padding-left: 5px;
  }
  .comments-link {
      padding-left: 30px;
  }

• 

  majamalmcrona · Member · Jan 25, 2015 at 12:07 pm

  • Copy link

  You are a king! That works except for now the content area isn’t centered. Also the date and comment count aren’t centered under the post title. Ugh I’m confused.

  Thank you so much!

• 

  majamalmcrona · Member · Jan 25, 2015 at 1:56 pm

  • Copy link

  I figured it out! Topic resolved, thanks a lot! :)

• 

  thesacredpath · Member · Jan 30, 2015 at 7:22 pm

  • Copy link

  Hooray! Nice job!