can i go back to the default css?

• 

  rowtothefuture · Member · May 10, 2012 at 9:02 pm

  • Copy link
  • Add topic to favorites

  I previewed what it would look like to edit the css of my twenty eleven theme and loved the change. All I wanted to do was lessen the space between image widgets. The preview looked perfect so I purchased the upgrade to be able to make the change permanent. But, once it went live, it looks totally weird. My whole website is now smaller and the space is still big. What did I do wrong? How can I go back?

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

• 

  thesacredpath · Member · May 10, 2012 at 9:20 pm

  • Copy link

  Go to appearance > custom design > CSS, delete everything from the CSS edit window, make sure “add to existing…” is selected and then click “save stylesheet” and it will return to the original.

  Then post back here with a little more of an explanation of what you want to accomplish and we can help you out with the code.

• 

  rowtothefuture · Member · May 10, 2012 at 9:27 pm

  • Copy link

  Thank you so much! I’m back at the original. What I was trying to do is lessen the space between image widgets.

• 

  thesacredpath · Member · May 10, 2012 at 9:31 pm

  • Copy link

  Can you point me at a place that I can look at on your site so that I can get the code for you?

• 

  rowtothefuture · Member · May 10, 2012 at 9:36 pm

  • Copy link

  My site is: http://rowtothefuture.wordpress.com/. I’m trying to make the two blue buttons on the right closer together.

• 

  thesacredpath · Member · May 10, 2012 at 9:36 pm

  • Copy link

  Ok, I see you actually have two image widgets in the sidebar, but one of them is blank (empty). Add this to the CSS edit window and then adjust the 2.2em value as desired.

  .widget_image {
  margin-bottom: 2.2em;
  }

  Also, do not paste the entire stylesheet into the CSS edit window. That can really mess things up. You want to put into the CSS edit window only the specific selectors and the specific declarations that you are adding or changing and then your additions will override the original stylesheet.

• 

  rowtothefuture · Member · May 10, 2012 at 9:39 pm

  • Copy link

  Fantastic. I changed it to .1em. Can I do anything to make them even closer? http://rowtothefuture.wordpress.com/ I don’t know what an em is…

• 

  thesacredpath · Member · May 10, 2012 at 10:03 pm

  • Copy link

  For one, always do an “align none” in the image widget. That will left align the image without text wrap and since you are using no text with them, that adds some extra space below the image.

  Open the top text widget at appearance > widget and set it to align none instead of align left and see if that gets you where you want to be.

• 

  rowtothefuture · Member · May 10, 2012 at 10:07 pm

  • Copy link

  Perfect! Thank you so much.

• 

  thesacredpath · Member · May 10, 2012 at 10:10 pm

  • Copy link

  You are welcome.