WordPress.org

Ready to get started?Download WordPress

Forums

Mon Cahier
[resolved] Reverting to original indent In widget content after layout changes (4 posts)

  1. Eve Batey
    Member
    Posted 1 year ago #

    Thanks to Mon Cahier creator Christine Rondeau for her clear and helpful advice on how to change the dimensions of the sidebar on my site, The Winnower.

    I've done as she suggested, created a child theme, and made alterations to the "layout" section in the stylesheet.

    However, after making that change, the text content in the widgets is now indented more than I'd like. If you look at Christine's original design, the content in the standard widgets such as the "recent posts" one is indented just slightly. After my dimension change, the content is indented a great deal more.

    (As a side note: I also noted that when I added a text widget even before I created the child theme and made the sidebar dimension changes, text content wasn't indented, and actually spilled over into the left margin. I roughly managed that in my "contact" widget by centering the text content. I don't know if that challenge is relevant to this discussion, but I've watched enough episodes of "House" to believe it's always worthwhile to include any anomalous behavior, just in case.)

    I'd like to keep my wider sidebar, but with Christine's original indent for widget content. If anyone has any recommendations on best practices to achieve this, I'd be most grateful. Thanks.

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Try the styles in your Child Theme CSS

    #secondary ul li {
     padding-left: 0;
    }
    
    #secondary ul {
     padding-left: 20px;
    }
  3. Eve Batey
    Member
    Posted 1 year ago #

    Thanks for responding, Andrew! As the CSS appears now, it reads

    #secondary ul {
    margin:0px;
    }
    #secondary ul li {
    list-style:none;
    padding:4px 0 4px 10px;
    margin:0;
    }
    #secondary ul ul li {
    padding-left:15px;

    I'd tried messing with the padding there before I posted my question, which if I'd been smart I would have mentioned. But I didn't see any changes in appearance. Perhaps I fiddled with the wrong line? I tried reducing every relevant number, though, to no avail.

  4. Eve Batey
    Member
    Posted 1 year ago #

    Andrew! You inspired me to keep trying with that section of the CSS, and I think I worked the padding challenges I was having out. Thanks again for your help, I owe you one.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic