style_system | Recent Entries

this issue is solved! turns out aspect-ratio works just fine on DW, i was just not using it correctly so the problem was in front of the keyboard and not in the code, haha

here's what i originally posted:

hi again! this is more of a general html/css question, but it has to work within dreamwidth's constraints, so i decided to ask it here. please let me know if this isn't the appropriate comm for this. i hope i used the right tags for this post.

here's what i'm trying to achieve (this would be displayed inside the most recent entry on my journal, so i can use regular CSS and not just inline, in case this matters):

i want to have a big box, and inside it a picture and a small box below that. i want the big box to resize responsively while keeping its proportions: suppose its width:height ratio is 1:2; i want it to keep that ratio always. as it resizes, i want the picture and small box inside to also resize while also keeping their proportions.

normally this would be really easy to do with aspect-ratio (<- this is a link to mozilla's developer resources) but that property doesn't seem to work on dreamwidth -- when i put it in my custom CSS, it doesn't seem to do anything, and it gets highlighted in red. (it works okay when i try it in online CSS editors, so i think it's not my mistake that's causing this.)

assuming this is true and i can't use aspect-ratio on DW, i need to cobble together some other solution, but i'm completely out of ideas. is this possible to achieve without aspect-ratio, or should i just change my idea to something that can be done on DW?

thanks again for your time!

Tags:

kakkoi

i was able to fix the problem i was having by removing the

.module-content .userpic {
	position: relative;
	left: 280px;
	bottom: -65px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border-style: solid;
}

problem i was having

hello! i'm back again~ working on another thing, and having issues with the module userpic and hiding it or moving it, essentially. i was able to move where i want the contents of the module userpic to be displayed and how i want the module content to be displayed, but i'm still having the issue of it showing up at the center and top, with the border.

you can view the live version at

testerjournal, and the image here. as you can see, or hover over the circle at the top it still shows as if the module userpic is up there which i don't want it to do.

module coding is here, and i can't figure out how to fix this

eta: using tabula rasa, plain

/* secondary */

#secondary {
font: 'Montserrat', sans-serif, #33343F, 7px;
background: #transparent;
width: 607px;
}

#secondary > .inner:first-child {
background: transparent;
padding: 0;
width: 500px;
text-align:right;
}

.module-wrapper {
padding: 10px;
}

.module-content li {
margin: 0;
}

ul.module-list {
list-style: none;
margin: 0;
padding: 0;
text-transform: lowercase;
font-color: #ffffff;
}

.module-navlinks {
	font-family: Montserrat;
	font-size: 9px;
	position: relative;
	left: 75px;
	bottom: -40px;
	font-color: red;
	text-shadow: 0.5px 0.5px 0.5px #D7D9D7;
}

.module-navlinks:hover {
	font-family: Montserrat;
	font-size: 9px;
	position: relative;
	left: 75px;
	bottom: -40px;
	font-color: red;
	text-shadow: 0.5px 0.5px 0.5px #D7D9D7;
}

.module-list li {
margin: 0 .0 0;
display: inline-block;
font-size: 30px;
font-color: ;
}

div.journal-name {
	font-family: Sour Gummy;
	font-size:40px;
	display:inline-block;
	position: relative;
	left: -10px;
	bottom: -80px;
	font-color: #fff;
}

.module-content .userpic {
	position: relative;
	left: 280px;
	bottom: -65px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border-style: solid;
}

.module-content .userpic img {
	position: relative;
	left: 280px;
	bottom: -65px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border-style: solid;
}

.module-customtext {
text-transform: lowercase;
font-size: .8rem;
margin: .8em 0 .8em 0;
}

Tags:

module:profile:user icon

kakkoi

hello! i've been working on layout for a bit, and while i've got most things i want done the way i want it, i'm having issues with the way a poster is displayed on the read page

~~ignore the padding, i'll be fixing that~~, but is there any way to get the "posting in" to not display on the reading page, and have it just show the entry poster and the community?

using tabula rasa - plain, and this is the current base layout and the code regarding posters and user pics looks like this

Tags:

pixellated

hi! here's what i'm trying to achieve: i want my journal's main page to display one entry (the most recent one), and i want that entry to be vertically centered, so that the distance from the top of the entry to the navstrip is the same as the distance from the bottom of the entry to the bottom of the page. here is a quick mockup of what i have in mind:

click here for fullsize
i've tried using margin: auto for this, but it didn't work; googling around leads me to believe that that's because the entry container is an inline element and thus doesn't have a specified height, which you need for that to work. i thought about using a flexbox inside the entry with three elements arranged in a column, with the middle element holding the actual contents of the entry and the top and bottom elements growing/shrinking to provide padding, to achieve something visually similar, but i don't think that would work either for the same reason (no specified height).

is there any way to do this? the theme i'm currently using is blanket, but i'm not married to it, so if there is a different theme that allows me to do this, i will happily switch.

thank you!

Tags:

porn_clips

Hi, I would like to ask why every new topic and every new page piles up vertically in the form of posts in the main home page? I would like to have separate pages, for each separate category, and when the link on the page is clicked, it opens a whole new page instead of scrolling down the posts! I tried changing the template with other templates, it doesn't help...

I also looked in the settings: Select Journal Style / Customize Journal Style / Test Beta Features, but I didn't find a function to create separate pages anywhere.

I also looked in the CREATE menu, but there is no option to create a new separate page, only Post Entry / Edit Entries, but again I didn't find a function to create separate pages anywhere.

I would be glad if someone with more experience could help, thanks in advance!

raivotar

hi again! i think how i can make my layout fonts looks like here -> sarliina.livejournal.com

codes: https://pastebin.com/zygPhnxZ

numb3r_5ev3n

I'd like to use an otf font file type that doesn't appear to be hosted on google fonts or other font sites (Dalelands.) I have some experience tweaking things via css and linking to fonts, but I've never added a font. If I have to host it offsite, where would be a good place to do this? Thanks!

juneghost

hi! anyone know how i add header and background image for this layout --> https://shinemagic.dreamwidth.org/2821.html?style=mine#cutid1

elyusion

Hello everyone :-] Look, I feel really sorry linking the journal of a stranger who presumably haven't used their journal in over a decade, but I never really used LJ and don't know anything about how it works besides what you see as a logged-out user. Does anyone know the name of this layout, which I see a lot, and is there a way I can repurpose it for DW? I think it's really cute, and if I just play with the CSS a little I could make it even better (according to my tastes).

sireesanwar

Okay I've been working on Transmogrified as other themes I had some major frustrations with. I think I've figure most things out but suddenly I realized there is a horizontal scrollbar when there shouldn't be.

You can see it at

sireesanwar . I can not figure out why my journal is like 150% wide. Anyone see what I'm not?

Tags:

jali

How can I modify the HTML side of my layout to achieve this result? I am using Practicality as my base theme.

sireesanwar

Okay I have several issues here. I'm trying to customize Transmogified from my LJ FlexiSquares and Expressive layouts. But a couple things.

1. How do I code them to provide my custom tiny icon? I figured out currents or metadata and tags and user and community but not Sticky, Private, Locked etc. DONE

2. Why are my "access filter" icons (provided by DW) showing up in the post? See images below... if you need me to friend you so you can see the "friends locked" post... let me know. The sticky one appears to be working except it disappears upon clicking a tag on the post or going into the post and I don't know if that is normal... you can see it live at my journal but a friends lock one will have to friend you.

( Images )

Tags:

goneahead

I really would love to keep my old theme (a customized tabula rasa plain) but it no longer works on mobile :( Checking the use layouts style sheets box doesnt help. Any chance somebody can look at my custom code and offer me a fix?

Tags:

layout:tabula rasa

the_beasts

hello all! we hope everyone's doing well.

we're currently making our friends a homepage for their mutual aid efforts, using the abstractia style. we're having a few minor difficulties, and we're hoping someone with more expertise than us can help!

( cut for length to save reading pages )

thankyou all very much for taking the time to read this, and thankyou in advance for any help offered! it's much appreciated. <3

~ beasties

sireesanwar

I wanted to transfer some of my layout work over to Dreamwidth but there doesn't seem to be an equivalent of Expressive nor an easy want to move Expressive over to DW. Does anyone know if this can be done or if there is a similar layout I can learn? I've been looking but everything here seems kind of old school.

Not new to DW but not up on everything.

juneghost

hi! i think how i can make little icons in the entries show again, now its only text...

lumemiruuuuuuuuuuu

ive been using the code

to put images since nothing else worked tbh, and to host the images ive been using catbox, and everytime i try to upload a gif there and put it here the image doesnt appear sadly ;-;, if u know how to solve this ty!!!

Current Mood: confused

Tags:

entries:image

juneghost

Hi! I think how i can change my layout background to black?

lumemiruuuuuuuuuuu

i saw the option while customing and it seemed pretty cool, but i havent been able to do it. maybe bc i have a free account? idk, but if its possible tell me :3

also does any1 know how to put custom fonts? tysm!!!

Tags:

header:background or image

tropicsbear

Hello!

I tweaked the fonts in my layout then noticed afterwards that the tiny username icons were misaligned with the text beside them. I was able to fix it using the code below for DW users and communities, but for other sites like AO3 and YouTube, the tiny username icons are still aligned at the bottom.

/--------------- tiny icons ---------------/ img[src*="user.png"] { vertical-align: middle !important; } img[src*="community.png"] { vertical-align: middle !important; }

Thanks in advance for any help 🙏🏽

Tags:

username:icon

Profile

Dreamwidth style system discussion

October 2025

S	M	T	W	T	F	S
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Syndicate

Page Summary

pixellated - resizing while keeping proportions without using aspect-ratio
kakkoi - [solved] moving around the module content or hiding it!
kakkoi - changing how a journal shows entries are posted in a comm?
pixellated - display one entry centered vertically
porn_clips - (no subject)
raivotar - (no subject)
numb3r_5ev3n - Adding a otf font to a pre-existing theme.
juneghost - (no subject)
elyusion - Attempting to Borrow a Layout
sireesanwar - Journal Whole Page Width Issue
jali - Nested divs in a post header
sireesanwar - Access Filter Tiny Icons... Private, Locked, Sticky
goneahead - Making Old Theme Work With Mobile?
the_beasts - help tweaking abstractia?
sireesanwar - Are there any layouts like Expressive from LJ
juneghost - (no subject)
lumemiruuuuuuuuuuu - does anyone know how to put gifs in entries?
juneghost - (no subject)
lumemiruuuuuuuuuuu - does any1 know how to put a gif/image on the banner?
tropicsbear - SOLVED: Adjusting vertical alignment of username icons

Style Credit

Style: Radiant Aqua for Venture by onlyembers

Expand Cut Tags

No cut tags

Page generated Oct. 30th, 2025 03:39 am

Dreamwidth style system discussion

Recent Entries

resizing while keeping proportions without using aspect-ratio

[solved] moving around the module content or hiding it!

changing how a journal shows entries are posted in a comm?

display one entry centered vertically

(no subject)

(no subject)

Adding a otf font to a pre-existing theme.

(no subject)

Attempting to Borrow a Layout

Journal Whole Page Width Issue

Nested divs in a post header

Access Filter Tiny Icons... Private, Locked, Sticky

Making Old Theme Work With Mobile?

help tweaking abstractia?

Are there any layouts like Expressive from LJ

(no subject)

does anyone know how to put gifs in entries?

(no subject)

does any1 know how to put a gif/image on the banner?

SOLVED: Adjusting vertical alignment of username icons

Profile

October 2025

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags