dark theme – styling of .thumb-wrapper

  • Trying to style the .thumb-wrapper element. I am using the “grey.css” stylesheet (after selecting the “grey” skin in customizr). I would like to create a dark theme (black or dark gray background) and I can change the background-color on everything (body, header, footer, nav) without trouble. However, so far I cannot re-style the .thumb-wrapper element to be black. I have tried by doing this:

    .thumb-wrapper {
    width: 269px;
    max-width: 100%;
    height: 250px;
    position: relative;
    left: -1px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: auto;
    background-color: black;
    }

    but no effect upon re-rendering the page.

    What am I missing? Anyone got a hint?

Viewing 4 replies - 1 through 4 (of 4 total)

  • You need:
    .round-div {background:black;}

    Thread Starter wsiebold

    (@wsiebold)

    I tried this method – here is the result:

    https://luna-7777.net/muse/

    (dummy content only at this time)

    I don’t want the circles black – I still want the thumbnail images in those spots. I want the rectangular element enclosing the circles (indicated as .thumb-wrapper) to be consistent with an dark body background.

    Thanks.

    Brainstorm!

    .round-div {
  border: 104px solid #000000;
}
    Thread Starter wsiebold

    (@wsiebold)

    Outstanding! Did the trick just fine. I knew the answer was in front of me, I just didn’t know it was this easy.

    Thanks for the help. Looks great now.

    Bill

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘dark theme – styling of .thumb-wrapper’ is closed to new replies.