Widget visibility and full width pages

  • Unknown's avatar
    windwhistle · Member ·

    I messed up last night and accidentally activated a new theme on my blog. Fixed it this morning, I thought, by reverting to a previous CSS style sheet. However, now, on pages that were previously full width (eg, “photography” category, “wide-format” tag), even though the sidebar widgets are gone (via their visibility settings), the pages are not expanding to full width. When I look at the widgets’ visibility settings, there are now red X’s by each condition that were not there before. However, those settings appear to be correct and unchanged from what they were before.

    Why aren’t all those full-width pages and visibility settings working like they were a day ago? Why are there ominous red X’s next to items that worked a day ago?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Can you point us to one of those pages? I checked a number of pages on your site and all are full width.

  • Unknown's avatar
    windwhistle · Member ·

    Hmm, anything in the Photography category should be full width (including the latest post, “Kennel Club announces … “) and all I’m seeing is normal width with blank space to the right (about 1/3 of the total width). The widgets are gone but the page has not expanded.

    I restarted the computer and checked with both Chrome and Firefox. And cleared the cache. And restarted WordPress. It occurs to me now that in the past when I changed themes, I’d have to redo all the widgets. Maybe that means I need to redo all those widgets? … sigh … But no, you said the pages look full width to you.

    Here’s an example of what I see: https://piedtype.files.wordpress.com/2018/07/screen-shot-2018-07-23-at-6-54-00-pm.png

  • Unknown's avatar
    thesacredpath · Member ·

    Add this to your custom CSS. 

    .single .row .eightcol {
  width: 100%;
}

    Then in the Media Width field below the CSS entry area, enter 1070 and see how that works.

  • Unknown's avatar
    windwhistle · Member ·

    That makes every post full width and eliminates widgets on the right side. Only the posts in the Photography category or those tagged “full-width” are supposed to be full width. Everything else should display several widgets on the right side.

  • Unknown's avatar
    windwhistle · Member ·

    I’ll remove and redo all the widgets when I have time, and see if that works. I still don’t understand why the red x’s appear in them now when they didn’t before. It looks like they are probably indicating that the condition is invalid or unacceptable, but everything worked fine before my goof. Perhaps they weren’t permitted in the mistakenly installed theme (I think it was Coraline), but stayed that way after I reverted to Opti.

  • Unknown's avatar
    brookedot · Member ·

    Hi there,

    That makes every post full width and eliminates widgets on the right side. Only the posts in the Photography category or those tagged “full-width” are supposed to be full width.

    That’s the expected behavior with the code provided. The problem here is that your theme does not output the categories or tags to the body class which makes what you’re trying to accomplish difficult. While it would be messy you could use the post ID, for example, adding postid-53891 to the code for each post in the photography category. That would look like this:

    . postid-53891 .single .row .eightcol {
  width: 100%;
}

    Another option would be to use a theme which supports post formats and then use that as the class to determine the width.

    I still don’t understand why the red x’s appear in them now when they didn’t before.

    Where are you seeing the Red X? I thought you were referring to the CSS editor but I’m not seeing any red X (which typically indicates invalid markup) Did you get that cleared up?

  • Unknown's avatar
    windwhistle · Member ·

    Fixed it! Went to the old widget editing page, which I still use. Dragged all the exisitng widgets out of “Sidebar Widgets” and into another location, “Right Footer Widgets.” Then just dragged them all back again. Voila!

    It’s something about the way WordPress works when you change themes. A new theme might not have the same widget location options as the old theme, and doesn’t know what to do with them. Changing back to the first theme, as I did immediately after my mistake, just confuses things even more. It’s like a child you have to take by the hand and show it one by one where all the pieces go.

    Apparently the red X’s haven’t gotten the message yet. They still show next to each of the visibility conditions … in the old widget editor. I don’t see them in the new widget editor.


    @bdukes     Sorry for the confusion. This was never really a CSS issue. I have always used the old widgets editor. How anyone can visualize and deal with a page full of widgets with only a little column scrunched over on the left side of the screen is beyond me.


    @thesacredpath     and @bdukes Thank you both for your time and patience in trying to work this out.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Widget visibility and full width pages’ is closed to new replies.