Change Text Widget Width with CSS
-
Greetings: This should be easy, but I am really having a problem finding how to write the code to change the width of a text widget on a test site I have set up. The site is http://crazy-adjacent.com
I have a simple list of links in the left sidebar that the client wants to use as navigation. The words are wrapping because the style of the text widget is set to 48%. Using firebug I have set the percent to 100% and it looks great. However, I’ve not been able to write successful code to put in the Word Press CSS editor. The theme is Weaver II Pro. I also thought there was a CSS paste box in the theme admin but I’ve been unable to locate it.
Any help in writing this change would be greatly appreciated.
Here is the html that is affected via fire bug:
‘<div id=”main”>
<div id=”sidebar_wrap_left” class=”left-1-col equal_height”>
¶→
<div id=”sidebar_primary” class=”widget-area weaver-clear” role=”complementary”>
¶
<aside id=”image-2″ class=”widget widget_image”>
<aside id=”weaverii_text-3″ class=”widget weaverii_widget_text”>
→→→→→→
<div class=”textwidget”>
<div style=”float: left; padding-right: 2%; width: 100%;”>
<div style=”float: left; width: 48%; padding-left: 2%;”></div>
<div style=”clear: both;”></div>
→→→→→→
</div>
¶→→→→
</aside>
<aside id=”search-2″ class=”widget widget_search”>
<aside id=”weaveriip_social-2″ class=”widget weaveriip_social”>
→
</div>
<!– #sidebar_primary .widget-area –>’The element.style should be width: 100% but I’m not sure how to write this.
Thanks!!
The topic ‘Change Text Widget Width with CSS’ is closed to new replies.