ThemeShaper Forums » Power Blog

Styling FlickrRSS in 1st leader aside (Thematic Power Blog)

(7 posts)
  • Started 2 years ago by jaredaidenwolf
  • Latest reply from jaredaidenwolf

Tags:

  1. jaredaidenwolf
    Member

    I'm using the FlickrRSS plugin to display my Flickr stream using a widget in the 1st leader aside of the Thematic Power Blog. I'm having a lot of trouble figuring out what CSS I need to add to style it to my liking (even using Firebug). Total brain hiccup for some reason on this one. Any help would be greatly appreciated.

    Posted 2 years ago #

  2. Chris
    Moderator

    Mmmh .. could you please send user / pwd to access your blog to chris (at) wupperpiraten (dot) de?!

    Chris

    Posted 2 years ago #

  3. Chris
    Moderator

    Hi Jared,

    got it:

    li#flickrrss a img {
	border: 1px solid #C0C0C0;
	padding: 4px;
	height: 64px;
        margin: 4px;
}

    Chris

    Posted 2 years ago #

  4. jaredaidenwolf
    Member

    Thanks, Chris! Nice and simple...I think I was making it out to be way more complicated than it needed to be. I appreciate the help!

    Posted 2 years ago #

  5. jaredaidenwolf
    Member

    Now if I could just get the vi.sualize.us images to match the Flickr images. I can't seem to get rid of the space on the left...I'd like the images to be aligned with the title text like the Flickr images are. There is CSS built into the plugin itself, but I've overriding it by adding the following to my styles.css file:

    ul.thmb { margin-left: -12px; }
    ul.thmb li { float: left; list-style-type: none; margin: 0px 4px; }
    ul.thmb li img { padding: 3px; border: 1px solid #c0c0c0; width: 64px; height: 64px; }

    The vi.sualize.us plugin is supposedly based on the FlickrRSS plugin, but it's very frustrating to get it looking the same...

    Posted 2 years ago #

  6. Chris
    Moderator

    Hope that I got it right .. you want to remove the space to the left page border?!

    ul.thmb li {
float:left;
list-style-type:none;
margin:0 8px 0 0 !important;
}

    and 

    li#flickrrss a img {
border:1px solid #C0C0C0;
height:64px;
margin:0 8px 0 0;
padding:3px;
}
    Posted 2 years ago #

  7. jaredaidenwolf
    Member

    Yep, that's it, Chris! Thanks for taking the time to help me out...I really appreciate it!

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.