CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
CSS/HTML Problems
goalieman34
Permalink to comment
#
January 2012
Hey everyone, I have two problems with a site that I am working on.
-First I cant get my Twitter and Facebook Buttons to shift over to the right a bit.
- I am trying to delete the grey space below the social media buttons or move the pink line down.
Any help on this would be great!
http://danielleandy.squarespace.com/news/
TheDoc
Permalink to comment
#
January 2012
Add this: padding: 5px 10px 0 10px;
To this: .journal-entry-tag-post-body
hoamca
Permalink to comment
#
January 2012
to drag buttons to right
you can add margin-left: 5px to post-snippet-1
to remove gray line
change
.journal-entry { margin-bottom: 2em; }
with
.journal-entry { margin-bottom: 0; }
on your css
goalieman34
Permalink to comment
#
January 2012
Thanks!
@TheDoc
and
@hoamca
springlab
Permalink to comment
#
January 2012
the twitter and facebook links are direct links to there respective sites and not the profile. Kinda useless unless it is work in progress.
matthewb
Permalink to comment
#
January 2012
.post-snippet-1, .post-snippet-2, .post-snippet-3 {
float: right;
padding-right: 12px;
}
you can add float:right to your css class like above i have shown
goalieman34
Permalink to comment
#
January 2012
Thanks everyone for the awesome help.
@springlab
I have not hooked up the links yet to the proper pages. Thanks for letting me know though.
Add a Comment
-First I cant get my Twitter and Facebook Buttons to shift over to the right a bit.
- I am trying to delete the grey space below the social media buttons or move the pink line down.
Any help on this would be great!
http://danielleandy.squarespace.com/news/
To this: .journal-entry-tag-post-body
you can add margin-left: 5px to post-snippet-1
to remove gray line
change
.journal-entry { margin-bottom: 2em; }
with
.journal-entry { margin-bottom: 0; }
on your css
float: right;
padding-right: 12px;
}
you can add float:right to your css class like above i have shown