ThemeShaper Forums » Power Blog

[closed]

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

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

Tags:

  1. 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 10 years ago #
  2. Mmmh .. could you please send user / pwd to access your blog to chris (at) wupperpiraten (dot) de?!

    Chris

    Posted 10 years ago #
  3. Hi Jared,

    got it:

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

    Chris

    Posted 10 years ago #
  4. 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 10 years ago #
  5. 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 10 years ago #
  6. 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 10 years ago #
  7. Yep, that's it, Chris! Thanks for taking the time to help me out...I really appreciate it!

    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.