EcoPro - Sidebar - How to remove border around text widget

[unitedskeeball 0]

Id like to ad a widget on the sidebar that does not have the thing gray border... I've found how to remove the border from them all, but not just the text widget or specific text widgets...

[cmunns 16]

This should be simple. Just give me a link to the site and the widget you want to change

[unitedskeeball 0]

www.unitedsocialsports.com any of the text widgets... which can be found on the location pages and the league pages.

[bryan-hadaway 3]

Let me know specifically which borders you want to remove, please specific URL and details of which widgets you want to remove borders from so I track down the exact classes or ids to style. Thanks, Bryan

[govs 0]

Hi. I have the same problem. You can look at this - http://www.filmublogs.com/ - first text widget under turtle box, it has unnessesary border aroud it. I want to remove that, so the question is - how to do that? That is some kind of default text widget.

[bryan-hadaway 3]

I want you to try adding this to your CSS Stylesheet or Custom Code area:

#text-3{border:0px}

Thanks, Bryan

[govs 0]

Dude! Awesome! Thanks for the fast help! Worked perfect for me, thanks a lot again Bryan Hadaway.

[bryan-hadaway 3]

You're very welcome. I'm still going to keep this open for unitedskeeball. Thanks, Bryan

[Jackey 29]

@unitedskeeball I think you best refine your strategy... What Sidebars can you use: The "Main" or "Secondary" or "Short" You could choose to sacrifice the "Short Sidebar" and make it borderless, this means all your widgets in your "Short Sidebar" will be borderless. You would still need to force the "Main" widget space on to show widgets with borders. Do this by changing sidebar.php to: `

<?php if(VPRO) include(THEME_LIB.'/_grandchildnav_pro.php');?> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <?php if(!pagelines('sidebar_no_default')) include(THEME_LIB.'/_defaultsidebar.php');?> <?php endif; ?> <?php if(m_pagelines('the_sidebar', $post->ID) == 'secondary'):?> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Secondary Sidebar') ) : ?> <?php _e('The secondary sidebar has been selected but doesn't have any widgets. Add some widgets to your secondary sidebar in the admin under appearance > widgets.',TDOMAIN);?> <?php endif; ?> <?php elseif(m_pagelines('the_sidebar', $post->ID) == 'short'):?> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Short Sidebar') ) : ?> <?php _e('The short sidebar has been selected but doesn't have any widgets. Add some widgets to your short sidebar in the admin under appearance > widgets.',TDOMAIN);?> <?php endif; ?> <?php endif;?>

` Ad in the "TS Custom Widgets v2.0 WP Plugin" and you will be able to show and hide widgets by page and page-type at your convenience. Regards, Jackey

[bryan-hadaway 3]

Just specify exactly which boxes you don't want the border around and I'll provide the CSS to remove it like I did with Govs. Thanks, Bryan

[Jackey 29]

Wow... bye!

[unitedskeeball 0]

Jacky, Thank you for robust suggestion. The only problem is, its not so much about a whole groups of widgets that I need the border removed but more just about the ones displaying certain graphics that look better without it. Thank you very much for the thoughtful response though. Bryan, by answering the other poster I thought it would be as simple as location the name o fthe Div text widget, (ie text-7, text-6) etc. But thats not working...

[cmunns 16]

Try familiarizing yourself with FireBug. There are videos in the docs that go through the basics of it. It will help you determine the particular CSS that you need to change. I didn't see any text widgets currently active on your site otherwise I'd give you the CSS myself.

[unitedskeeball 0]

I use firebug. Thats now I know the text widgets that i am using are currently being labeled with an id of text-6 and text-7 but thats not working when i plug it into your code you gave bryan. Are your sue your looking at www.unitedsocialsports.com and not my old site of www.unitedskeeball.com (which now redirects).

[Andrew 207]

In this case I think the border you want to get rid of is here: http://unitedsocialsports.com/info/ To kill the border around the facebook, add: `#sidebar #text-7.widget {border:1px solid transparent}`

[Jackey 29]

Hi Andrew... did not know that could be done... opens a lot of possibilities, and makes things much easier... Thanks!

[unitedskeeball 0]

That was it! Can I ask how you know when you need to add the #sidebar and the high containing divs / spans / containers to the code and when you dont?

[Andrew 207]

In css there is something to 'specificity' if you don't specify something specifically enough; sometimes it won't override the other styles applied to it. In this case, to isolate the one widget you would need to add its specific ID to the rule. `#text-7.widget` infers they are on the same html element. In this case: `

[govs 0]

And how to create code for non-text widgets?