Aside Format

Home › Forums › Automattic › Pinboard › Aside Format

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 17, 2013 at 2:14 pm #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
    May 17, 2013 at 9:39 pm #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;
    
}

    May 22, 2013 at 4:12 am #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;

    }

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

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