• 0
Sign in to follow this  
Followers 0

Styling Flickr RSS in Sidebar?

Question

Posted · Report post

Really I do feel very stupid at the moment. But for the life of me I can't figure our what I am doing with it. Really simple... I want my FlickrRSS Feed / Widget to display with no borders or spacing 3 across with 12 images total. I got some control with:

li#flickrrss a img {padding: 0px; margin: 0px; border: 0px #000000;}

but still have spaceing I can't seem to locate! Test site running PageLines located: http://testing.favingerphotography.com/ Active site running different theme w/ proper FlickrRSS display: http://www.theperfectfocus.com/

Share this post


Link to post
Share on other sites

9 answers to this question

  • 0

Posted · Report post

Please try this CSS instead: [code]li#flickrrss li.widget_flickrRSS img {padding: 0px; margin: 0px; border: 0px #000000;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry catrina, you get the same concept, but I still end up with a 5 or 10px spacing like before.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Rich, Try adding this please, also if you want to have a similar style on your active site. Where you have 3 columns, simply adjust the width of the Sidebar in the Layout Editor. [code].widget_flickrRSS a {margin: 0px !important;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

OK Danny we're heading in the right direction... In the site CSS line 692 I found the widget_flickrRSS code. I copied it over to the Custom Code section, and zeroed every thing I could think of out. Even managed to get rid of the pesky little shadow! But now I still have a space at the bottom of each row. VERY overkill, and more then needed but heres what I have: [code] /* @ FlickrRSS Widget */ .widget_flickrRSS.widget ul { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; line-height: 0px !important; box-shadow: none !important; border-style: none !important; border-spacing: 0px 0px 0px 0px !important; border: 0px 0px 0px 0px !important; } .widget_flickrRSS.widget li { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; line-height: 0px !important; box-shadow: none !important; border-style: none !important; border-spacing: 0px 0px 0px 0px !important; border: 0px 0px 0px 0px !important; } .widget_flickrRSS.widget ul li { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; line-height: 0px !important; box-shadow: none !important; border-style: none !important; border-spacing: 0px 0px 0px 0px !important; border: 0px 0px 0px 0px !important; } .widget_flickrRSS a { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; line-height: 0px !important; box-shadow: none !important; border-style: none !important; border-spacing: 0px 0px 0px 0px !important; border: 0px 0px 0px 0px !important; } .widget_flickrRSS a img { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; line-height: 0px !important; box-shadow: none !important; border-style: none !important; border-spacing: 0px 0px 0px 0px !important; border: 0px 0px 0px 0px !important; } .widget_flickrRSS img { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; line-height: 0px !important; box-shadow: none !important; border-style: none !important; border-spacing: 0px 0px 0px 0px !important; border: 0px 0px 0px 0px !important; } [/code] Here is the original code from Line 692 of style.css [code] /* @ FlickrRSS Widget */ .widget_flickrRSS.widget ul{ margin: 7px 0px 0px 0px; } .widget_flickrRSS.widget ul li{display:inline-block;padding:0;margin:0;border-bottom:none;} .widget_flickrRSS a{display: inline-block; margin: 8px 12px 2px 5px; } .widget_flickrRSS a img{display: block; } .widget_flickrRSS a img { font-size: 10px; border-width: 0px 1px 1px 0px; border-style:solid; padding: 3px; } [/code] *** scratching head ***

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Are you using PageLines Framework or PlatformPro?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

PageLines Framework - Professional

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Very odd indeed. I can't figure this one out either. :/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ok, I think I've got it... [code] /* @ FlickrRSS Widget */ .widget_flickrRSS a { margin: 0px 0px 0px 0px !important; } .widget_flickrRSS a img { box-shadow: none !important; border-width: 1px !important; border-style: solid !important; border-color: #FFF !important; padding: 0px 0px 0px 0px !important; margin: -6px 0px 0px 0px !important; } [/code] Code seems to be working... Of special note in ".widget_flickrRSS a img" is the "-6px 0px 0px 0px" and "box-shadow: none"... I'm now content with the look. :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Rich, Glad to hear you got the look you desired, I have now resolved this issue. Thank you for informing us and nice job working it out!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0