_S can’t get sidebar widget content to align.

  • Resolved WPBlonde

    (@wpblonde)


    6 years, 5 months ago

    Self taught and working with _S on local server. Ready to launch but cannot style sidebar widgets. Title is aligning as expected with margin-left:20px; but content is indented approximately 80 more pixels?!

    * Title
    * Content is clear over here!
    * Content is clear over here!

    Thought I had somehow centered the content but it all lines up left to this mysterious margin/padding I cannot find to remove.

    I’ve searched the forums and online. Attempts to style: widget-area, aside, widget-title, widget-content, widget-entry…you can see I am grasping at straws at this point. Any help would be appreciated. Can’t finish the responsive set-up until I figure this out and everything else is ready to go 🙁

    Thanks! Any help would be appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter WPBlonde

    (@wpblonde)

    6 years, 5 months ago

    *Title
    *………..Content is way over here!

    ancawonka

    (@ancawonka)

    6 years, 5 months ago

    Hi @wpblonde. What tools are you using the style the site? Are you editing CSS somewhere?

    Using the Chome Web Inspector (https://developers.google.com/web/tools/chrome-devtools/) you should be able to figure out if the text is indented by a padding, a margin, or another element. That will give you the selectors you need to move the text where you need to go.

    Thread Starter WPBlonde

    (@wpblonde)

    6 years, 5 months ago

    Hi!

    I’m editing _S (Atomattic Underscores) CSS for sidebar and working on localhost Server so Chrome Tools aren’t working. I haven’t added anything to the default widgets that come with the theme other than giving primary 70% and secondary 28% widths so they float side by side and then return each to 100% width on mobile so the sidebar falls below the primary content.

    The title for each widget; (Recent Posts, Archive, Category and Meta) is where it is supposed to be (with 20px margin-left), but the content each of the widgets is outputting, is indented about 80-100px more to the right.

    *Categories (Title)
    *…………..Red
    *…………..Blue
    *…………..Green

    They all line up so not thinking these are centered. This is consistent on desktop and mobile view for every widget. I haven’t created any additional CSS ID’s or classes. Not sure how this is even possible when the widget title is right where it is supposed to be. I’ve tried the classes mentioned above and nothing moves the content back to the left where it should be. Will try Chrome Tools when it’s live and fix the responsive layout then.

    Thanks!

    Thread Starter WPBlonde

    (@wpblonde)

    6 years, 5 months ago

    Site is live and I still cannot find the conflict with widget alignment. Please help! http://www.bkscentral.com. When on mobile, there is undesired horizontal scroll also. Don’t know if these two problems are related. If there is an Underscores expert out there, your assistance would be greatly appreciated 🙂

    Thanks!

    Thread Starter WPBlonde

    (@wpblonde)

    6 years, 5 months ago

    Thanks! Conflict found in webkit. Was under mistaken impression that normalizing handled all padding and margins.

    Thanks again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘_S can’t get sidebar widget content to align.’ is closed to new replies.