Increase width of widget for one specific page

  • Resolved villarroel

    (@villarroel)


    11 years, 2 months 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/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Michael

    (@alchymyth)

    11 years, 2 months ago

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

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

    (@villarroel)

    11 years, 2 months 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!

    Michael

    (@alchymyth)

    11 years, 2 months 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)

    Thread Starter villarroel

    (@villarroel)

    11 years, 2 months ago

    Worked like a charm! Thank you!

    Thread Starter villarroel

    (@villarroel)

    11 years, 1 month 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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Increase width of widget for one specific page’ is closed to new replies.

Tags