Aside Format

Home Forums Automattic Pinboard Aside Format

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #106882 Resolve

    Amusives
    Member

    What CSS do I use to change just the Aside Format so that:
    – the background is dark
    – the text is light

    I want to use the Aside Format to display photos, since you don’t have an Image Format.
    I will use the Standard Format for normal posts with lots of text, and I want to keep them as dark text on a light background.
    Thanks

    The blog I need help with is gogreygirl.wordpress.com
    #134605

    Michelle

    Hi there, this CSS should do the trick!

    You might have to adjust other text colors for the aside format as you go along.

    .format-aside,
    .single-format-aside #primary {
    background: #000;
    color: #fff;
    }
    .format-aside .entry-title,
    .format-aside .entry-title a {
    color: #fff;
    }
    .format-aside blockquote {
    color: #ccc;
    }

    #134742

    Amusives
    Member

    Thank you. It worked. I added some CSS so that I can see the title on the post, and changed the colours as you suggested:

    .blog .format-aside .entry-title,

    .archive .format-aside .entry-title {

    display: block;

    }

    .format-aside,

    .single-format-aside #primary {

    background: #909090;

    color: #f8f8f8;

    }

    .format-aside .entry-title,

    .format-aside .entry-title a {

    color: #f8f8f8;

    }

    .format-aside blockquote {

    color: #f8f8f8;

    }

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Aside Format’ is closed to new replies.