WordPress.org

Ready to get started?Download WordPress

Forums

Widgets on Pages
[resolved] Align widget (5 posts)

  1. suitcase1
    Member
    Posted 1 year ago #

    Currently using your plug-in an am struggling to get the widget on the page to line up with the text.

    I have tried inserting the following in the stylesheet (style.css) as I saw it in another post but it didn't seem to work.

    .widgets_on_page ul li{
    margin-left: 0px;
    padding-left: 0px;
    text-indent: 0px;
    }

    The page is . The widget is the recent posts about half way down the page. I want it so it is not 'indented' in.

    Thanks in advance.

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

  2. suitcase1
    Member
    Posted 1 year ago #

    Sorry stuffed up the above post. The Site is http://suitcasestories.com/homepage-adjusted/

  3. toddhalfpenny
    Member
    Plugin Author

    Posted 1 year ago #

    Hey there,

    The following should do what you want... as long as I have understood correctly.

    #page .container .widgets_on_page ul {margin-left: 0;}

    You can try to work out which selectors are needed by using the "inspect element" feature in Chrome or Firefox.

    Let me know how you get on,
    Todd

  4. suitcase1
    Member
    Posted 1 year ago #

    Thank you for your quick response but I can't seem to get it to work. I tried the following:

    #page .container .widgets_on_page ul {margin-left: 0;}

    It didn't work, so I tried:

    #Homepage - adjusted.container.widgets_on_page ul {margin-left: 0;}

    and it didn't work, so I tried:

    #Homepage_-_adjusted.container.widgets_on_page ul {margin-left: 0;}

    and it didn't work either.

    I tried inserting the name of the widget on page as well (Home Page).

    #Homepage_Page.container.widgets_on_page ul {margin-left: 0;}

    No luck. I also tried all the above adding in the padding etc as well

    e.g.

    #Homepage_-_adjusted.widgets_on_page ul {
    margin-left: 0px;
    padding-left: 0px;
    text-indent: 0px;
    }

    Any other thoughts?

  5. toddhalfpenny
    Member
    Plugin Author

    Posted 1 year ago #

    I see you've sussed it... looks like with this css

    #page.container.widgets_on_page ul {
    margin-left: -90px;
    padding-left: -90px;
    text-indent: -90px;
    }
    
    /* Custom CSS for site */
    
    #Home_Page ul {
    	margin: 0 !important;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.