cordelatex,
Typically the behavior you are describing will happen if the widget area is not wide enough to display the WPUC widget. Assuming this is the case, you can resolve it by resizing your widget area. It is unlikely that behavior would be the result of a CSS class conflict. You can check to see the CSS that is being applied by viewing the HTML element within Chrome Developer Tools for example and see what CSS is being applied to the tabs. If you give us a link to your site we can check this for you and probably save you some time figuring out the cause.
Cheers,
-Bill
Ahh, I had not thought of that!
but still, I can’t make it work…
this is the url dev.giulianacucinelli.com if you have time to take a look at it. In any case, thank you very much and congratulations for the smart plugin.
cordelatex,
We looked at your site. We saw the display:inline; additions you made to the WPUC CSS classes. Those should not be necessary. We think the cause is a CSS style that is being applied to all .widget ul classes by the WP Enfold theme you are using. It is adding a float:left; property to the ul class in the widget area. You can test whether this is indeed the cause by editing the layout.css file for your WP Enfold theme. We’d recommend you create a child theme to do this rather then editing the theme files directly. Look for the following class #top .widget ul and comment out or remove the float:left; line. Just keep in mind, this change may also affect the appearance of your other widgets, so you may want to experiment a bit.
Cheers,
-Bill
Thank you very much, I’ll try that
Hi! I’m having the same problem:
http://www.fumblingfitness.com
I realize the column I have the login form is narrow, but in my category pages the width is wide, and its still displaying stacked on top of each other. I looked at the css and I didn’t find the settings you had mentioned above. Any thoughts? it’d be really appreciated!
Thanks,
Iana
fumbling,
We checked your site. The column in which you are displaying the WPUC widget is, as you noted, too narrow. The CSS referenced above was specific to cordelatex’s site. No CSS changes are going to have much of an effect on your site, unless you make the font very, very small. In order to make the WPUC widget work properly on your site in your current layout, you will need to increase the width of your widget area, which is done in your theme CSS – it cannot be done by modifying anything inside WP User Control. We’d recommend creating a child-theme (if you don’t have one already) instead of directly editing your theme CSS.
In the future, please do not post to a resolved topic. Although the symptoms seem very similar, your site’s resolution is different because your widget area is too narrow.
Cheers,
-Bill
