WordPress.com is an easy way to start blogging. Get a blog, check out our features, read the latest announcements, choose from great themes, or learn about the team behind it.
Need help? Check out our Support site, then
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 rowtothefuture.wordpress.com.
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.
Thank you so much! I'm back at the original. What I was trying to do is lessen the space between image widgets.
Can you point me at a place that I can look at on your site so that I can get the code for you?
My site is: http://rowtothefuture.wordpress.com/. I'm trying to make the two blue buttons on the right closer together.
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.
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...
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.
Perfect! Thank you so much.
You are welcome.
This topic has been closed to new replies.
