how to remove the background

• 

  msassone · Member · Sep 6, 2012 at 9:13 am

  • Copy link
  • Add topic to favorites

  I’m using the Quintus theme and playing with CSS for the first time. After pasting the default css of the theme and finding the “layout section” I tried to change the values for the margins. Unfortunately, all I accomplished is to remove the top and left margins while getting bottom and right ones larger.
  I can I remove the margins completely and make the website look decent without sidebar?

  Thank you very much

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

• 

  vjlenin · Member · Sep 8, 2012 at 4:55 pm

  • Copy link

  Here’s how you can add css styles to blogger blogs, may be this will help.

• 

  timethief · Member · Sep 8, 2012 at 5:03 pm

  • Copy link

  @vjlenin
  That’s not helpful because
  Blogger and WordPress run on different software;
  all CSS editing here is theme specific;
  and we cannot use style sheets from any other themes.

  @msassone
  The upgrade comes with Staff support. Please be patient while waiting to get help with your CSS editing.

• 

  designsimply · Member · Sep 24, 2012 at 7:30 pm

  • Copy link

  After pasting the default css of the theme and finding the “layout section” I tried to change the values for the margins.

  You shouldn’t copy and paste the entire original stylesheet unless you really know what you’re doing and you select the appropriate option in the CSS Settings section. If you’re not sure what to do, you probably want the “Add my CSS” option in the settings and then you’ll want to *just* copy and paste the elements you want to change and not the entire stylesheet.

  I can I remove the margins completely and make the website look decent without sidebar?

  Here’s some CSS to start with—it will hide the sidebar in the Quintus theme and expand the primary/content area to fit. The last part (#main) adjusts the margins, you can adjust those numbers to your liking.

  #main .widget-area {
  	display: none;
  }
  
  #primary,
  #content {
  	margin: 0;
  }
  
  #main {
  	padding: 0 40px;
  }

  For the padding, if there are two numbers listed (like in the example above), the first number is the top and bottom padding and the second number is the left and right padding.