Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author toddhalfpenny

    (@toddhalfpenny)

    Hey,

    The issue is with the amazon widget’s styling and some of the theme’s styles.

    The following should work/set you on the right track if you add this to the end of the style.css.

    You can use your browser’s Inspect Element function to see what’s being set and where.

    .entry .widgets_on_page  li {
    margin-left: 0;
    padding-left: 0;
    }
    
    .amzn_wdgt {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    }

    This worked for me to center widgets, thanks to support staff on Cyberchimps.com. I know that you were asking about centering on a page, but I thought others might find this post and benefit from it. Nothing else was working after checking forums like this for hours.

    This CSS is to globally center all sidebar widgets:

    #sidebar .widget_container {
    margin: 0 auto;
    }

    This CSS was just to center a specify widget that I use, so you could probably just change the name of the widget.

    .flexmls_connect__search_new {
    margin: 3px auto;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to Center the Widget’ is closed to new replies.