Sidebar Widget Formatting

  • Resolved drugstruck

    (@drugstruck)


    9 years, 9 months ago

    I need help getting my sidebar contents centrally aligned??

    ORIGINAL CSS :
    .widget ul {
    list-style: none;
    margin-left: 0;
    }

    results in my current sidebar, with “portfolio” and “instagram” kind of situated on the left side of the sidebar.

    CHANGING CSS TO :
    .widget ul {
    list-style: none;
    }

    results in “portfolio” and “instagram” perfectly centre-aligned, but the sections under “Category” get shifted to the right and are off-center.

    How can I get everything in the sidebar nicely centre-aligned? Am i asking the right questions? All changes to CSS seem futile except for in the “.widget ul” section.

    my site:
    https://www.test.jorraine.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter drugstruck

    (@drugstruck)

    resolved by using

    .widget ul {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    }

    Hey drugstruck, I think what’s causing your confusion is your “portfolio” and “instagram” links are in:
    <div class=”menu-jojo-container”>

    I suspect if you remove that div things will work more like you are hoping. The reason your css isn’t doing what you want is you’re using “.widget ul” this tells css “Select all of the ul elements that are direct descendents of a .widget class.

    Since your “portfolio” and “instagram” links are actually inside a “menu-jojo-container” they’re not getting formatted by your css rules above.

    Hopefully this makes sense?

    Aaaaaand, I’m wrong. Glad you got it sorted out!

    Thread Starter drugstruck

    (@drugstruck)

    thanks for the help nonetheless, looks like we both went a looooong way round before reaching a simple resolution!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar Widget Formatting’ is closed to new replies.