Home>Support>How can I modify width for text widget ?

How can I modify width for text widget ?

By katherine, 8 years ago. Last reply by katherine, 8 years ago.

I set up a page with two column on top of three columns and noticed that in the two columns the text wraps to the same width as the three columns below.
Poked around with chrome developer panel and it seems that it is the text widget width setting that is fixed.
I have Chameleon (elegant themes) installed and using a child theme. Tried adding css below (.widget), which is the widget style from parent theme, with the width setting deleted. No affect.
Not a strong css person and not sure where to make modifications – the child theme, but I did it wrong? the plug in? I activated Jetpack, but still at a loss as to what to change where. I’m trying Vantage on another site or two and excited about the prospects but want to make sure the page builder feature works the way i want.
.widget { padding-bottom: 25px; }
.widget h3.title { padding-bottom: 10px; }
.widget ul li { background:url(images/sidebar-bullet.png) no-repeat 0px 7px; padding-bottom: 8px; padding-left: 15px; display: block; }
.widget ul li a { color:#929292; text-decoration: none; }
.widget ul li a:hover { color:#b2b2b2; }

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 4 months ago Greg Priday Hi, I Work Here

    Hi Katherine

    The ideal solution here would be to add the following CSS somewhere.

    .widget { width:auto !important; }

    This forced width is probably coming from your theme. A lot of themes don’t expect widgets to appear anywhere else except the sidebar so they style them as such. I’ll see what I can do about adding some overriding CSS to page builder itself, but in the mean time you should be able to ask Elegant Themes for some help changing this fixed with if the CSS I gave you doesn’t do the trick.

  2. 8 years, 4 months ago katherine

    Sweet – changed that in the child theme and it worked
    appreciate the CSS tutorial! I only have a basic knowledge.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More