[personal profile] sally_maria posting in [community profile] style_system
I've recently switched to using one of the Abstractia themes (Deep Forest) and I've mostly managed to adapt it how I want.

My feed entries still don't look quite right though, and I was hoping that someone might be able to help me sort them out. I'm using custom CSS adapted from previous entries here to make all feed entries have a userpic and to make them a fixed height.

.journal-type-Y .userpic {
background: url(link to userpic) center no-repeat;
width:100px;
height:100px;
float: left;
margin-top: -1.0em;
border: .50em solid #000400;
}

/* max-height for syndicated journals on reading page */
.page-read .journal-type-Y .entry-content {
margin-top: 1.5em;
max-height: 30em;
overflow: auto;
}


There are two problems that I'm not sure how to fix:
1. The style has a double border round the entry userpics - a thin line round the outside of the black box - and I'm not sure how to replicate that.
ETA - the thin line border isn't that obvious - I hope you might be able to see the difference in these two screen shots.




On the right, there's a line border round both the heading and the userpic, on the left, it's only round the heading.

2. The normal entries wrap nicely round the userpics, while the feed entries almost touch them and then continue straight down the page, as you can see on my reading page. I'd like to get them to wrap as well, if it's possible. FIXED thanks to [personal profile] foxfirefey

Thank you for any help you can give me.

Profile

Dreamwidth style system discussion

September 2025

S M T W T F S
 123456
78 910111213
14151617181920
212223242526 27
282930    

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Sep. 28th, 2025 05:57 am
Powered by Dreamwidth Studios