WordPress.org

1. sarahgio
   Member
   Posted 4 months ago #

   When I use the widget in the sidebar, it has a background and a twitter image (http://bsdmco.com/client-am/about/team/), but when I use Widgets on Pages to pull the twitter widget into the page (http://bsdmco.com/client-am/), the styling disappears. Any ideas on how to fix it? Thanks.

   http://wordpress.org/extend/plugins/widgets-on-pages/

2. toddhalfpenny
   Member
   Posted 4 months ago #

   Hey sarahgio,

   Have you got the option set in the settings to set the styling? If I can remember correctly it disables CSS background images.

3. sarahgio
   Member
   Posted 4 months ago #

   Enable styling is unchecked in the settings.

4. toddhalfpenny
   Member
   Posted 4 months ago #

   Hey again,

   Right, this is to do with your styles in widgets.css applying only to things in a #sidebar. You can do two things, either remove the #sidebar selector from that css file for everything mentioning .widget_twitter... or you can add the following to the end of your styles.css

   [CSS moderated as per the Forum Rules. Please use the pastebin]

   Please let me know how you get on.

   Ta,
   Todd

5. sarahgio
   Member
   Posted 4 months ago #

   Hi Todd,

   You are awesome! I added the code to my styles.css and it fixed the problem.

   Thank you!!
   Sarah

6. toddhalfpenny
   Member
   Posted 4 months ago #

   Wonderful news... remember if you like the plugin then a rate over here would be ace :-)

7. sarahgio
   Member
   Posted 4 months ago #

   Done. Gave it 5 stars since it made me look like a superstar to my client. Thanks again!

8. toddhalfpenny
   Member
   Posted 3 months ago #

   That's wonderful, thank you very much... and good luck with the site.

9. amyevans
   Member
   Posted 2 months ago #

   Hi Todd,

   I'm having the same problem as Sarah (loss of formatting of widgets) but it looks like the CSS fix you posted was stripped out "per the forum rules." Is there anyway you could repost the CSS code fix? Much thanks in advance!

   Amy

10. toddhalfpenny
    Member
    Posted 2 months ago #

    Hey Amy,

    Please can you post a link up so I can create the CSS you need?

    Ta,
    Todd

11. amyevans
    Member
    Posted 2 months ago #

    Sure, thanks.

    The widget styling looks correct on the homepage Genesis Featured posts amplified widget:

    http://museum.blog0.olemiss.edu/

    but on http://museum.blog0.olemiss.edu/events/, where I use the same widget, the background drops out.

    Thanks,

    Amy

12. toddhalfpenny
    Member
    Posted 2 months ago #

    Hey again Amy,

    So here's a starter for 10... add the following to the end of your style.css

    div#content div.page div.widgets_on_page li {
    list-style:none;
    background: url("images/sidebar-bottom.png") repeat-x scroll center bottom rgb(238, 238, 238);
    border: 1px solid rgb(221, 221, 221);
    }

    This should hopefully get you off in the right direction.

    Ta,
    Todd

Reply

You must log in to post.