WordPress.org

Ready to get started?Download WordPress

Forums

Widgets on Pages
[resolved] Increase width of widget for one specific page (6 posts)

  1. villarroel
    Member
    Posted 1 year ago #

    Hello,

    First of all, great plugin!

    I use this plugin on my homepage (well, will do as I am still in design phase) and would also like to use it on additional pages. I have read a previous questions about changing the width of the widgets here and it helped for my home page. However, I would like the width to be different to that of the home page on another page I have. Is it possible to set different sizes for each page? The page where I'm trying to change the width is here: http://istudyenglishonline.com/english-expressions-idioms/

    I don't really know about CSS, but I have the custom CSS plugin installed, so am able to input values there.

    Thanks in advance!

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

  2. alchymyth
    Forum Moderator
    Posted 1 year ago #

    try to use the page specific body_class to target the one page:

    .singular-page-97 .widgets_on_page li
    {
      width: 97%;
      }
  3. villarroel
    Member
    Posted 1 year ago #

    Thank you for the quick reply, that worked perfectly!

    I wonder if you could help with one last thing. You can see here that the widget isn't in line with the title to the left. Is there any way to adjust the CSS to change that too?

    Thanks again!

  4. alchymyth
    Forum Moderator
    Posted 1 year ago #

    .singular-page-97 .widgets_on_page ul
      {  padding-left: 0; }
    .singular-page-97 .widgets_on_page, .singular-page-97 .widgets_on_page li
      { margin-left: 0; }

    for fundamental formatting problems, try working with a browser inspection tool (for example, I use Firefox' web developer add-on)

  5. villarroel
    Member
    Posted 1 year ago #

    Worked like a charm! Thank you!

  6. villarroel
    Member
    Posted 1 year ago #

    Hi alchymth,

    You helped me a while ago with changing the width of the widget area on specific pages with the following CSS:

    .singular-page-97 .widgets_on_page li
    {
    width: 97%;
    }

    I wonder if you could now help me do the same but for specific post category pages? For example, this category page here: http://istudyenglishonline.com/category/expressions-idioms/

    Many thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags