Jump to content
Sign in to follow this  
richfavinger

Styling Flickr RSS in Sidebar?

Recommended Posts

richfavinger    1
richfavinger

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
catrina    103
catrina
Please try this CSS instead: [code]li#flickrrss li.widget_flickrRSS img {padding: 0px; margin: 0px; border: 0px #000000;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
richfavinger    1
richfavinger
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
Danny    1,327
Danny
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]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
richfavinger    1
richfavinger
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
Jenny    33
Jenny
Very odd indeed. I can't figure this one out either. :/

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
richfavinger    1
richfavinger
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
Danny    1,327
Danny
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!

Please search our forums, before posting!

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  

×