twenty fourteen sidebar css help

  • Hi, I have some question related to css of the side bar for the theme twenty fourteen.

    I have made several edits using CSS to change the look and feel of the site, as a result, the side bar is no longer the length of the page, how to I change this? https://made2order.net/test/product/andante-scherzo-for-trumpet-by-busser/

    Also on the side bar, is there away to change the spacing between widgets? There is a lot of wasted space, and I would like to pushed up together as there are plans for a lot of information on the side bar.

    Any help would be great.

    Cheers
    Pete

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Wasn’t the original background colour applied to the ‘after’ pseudo selector and not the actual element?

    Thread Starter prldoyle

    (@prldoyle)

    Hi, i changed the background colour and it has done this: https://made2order.net/test/product/andante-scherzo-for-trumpet-by-busser/

    Cheers

    Thread Starter prldoyle

    (@prldoyle)

    If i add height: 900px; under #secondary. it will extend the bar, but i’m, not really after a set size, more like 100% but that doesn’t work.

    Cheers

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This is appearing on top of your sidebar (sidebar has z-index of “2”):

    .styles .site-footer {
  background-color: #FFF;
}

.site-footer {
  background-color: #000;
  font-size: 12px;
  position: relative;
  z-index: 3;
}

    Do you see the issue?

    Thread Starter prldoyle

    (@prldoyle)

    Hi, i think i get what you mean (quite new to css) i have changed the footer to z-index to the footer to 1 and the sidebar to 5, but still no change.

    Is that what you meant?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The z-index was always “3” on the footer in the original theme, the issue is that you styled the footer to be white.

    Thread Starter prldoyle

    (@prldoyle)

    I see. that makes sense, I can work on that then. thanks

    Any ideas about the widget spacing.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘twenty fourteen sidebar css help’ is closed to new replies.