Hi
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.
thanks!
.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; }
How can I modify width for text widget ?
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
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.
Sweet – changed that in the child theme and it worked
appreciate the CSS tutorial! I only have a basic knowledge.