style_system | Recent Entries

Hi, I am looking to add my layout main star background on my icon page. I have searched and tried different CSS codes but nothing works. I know nothing of S2 and really stumped how I can achieve this preferably using CSS.

My journal theme is Silent Night by nornoriel. And I would like to keep that. I have seen other journals with the background animated graphic on the icon page but I don't know if that is customization by CSS/S2 or included in the journal layout.

Any help would be appreciated.

Thank you in advance.

Current Mood: confused

elyusion

Does anyone know how to make the comments on

joseimuke less ugly? I dislike that there's no Quick Reply, but more importantly, when you're replying to a comment it doesn't show the comment you're replying to unless you press the Preview button. I also don't know how I would make it so replies indent, but other than that I can fix the rest of the ugliness myself. But is some of the more technical stuff fixable, or should I give up and find another layout even though I really like the current one?

Current Location: i emailed the creator and received no reply, so here i am...

Tags:

comments

sharpiefan

I've just changed my journal layout to Modular by

branchandroot and I'm having issues putting a header banner in. I want it to show above the header box with the journal title, 'Latest entries' etc in - at the top of the page below the nav bar - but the CSS code that I know puts it in the header, in that box.

The CSS in question is

#header {
margin-top: 5px;
background-image: url('https://sharpiefan.dreamwidth.org/file/5524.png');
background-repeat: no-repeat;
background-position: top center;
padding-top: 275px;
}

What should I change in order to position the header above that top box? (It doesn't look as if posting the image URL into the provided area in the Images area of 'Customise your theme' does anything at all, so that's not much help either.)

It's been a long time since I changed my journal layout, I'm willing to accept I might be missing something really obvious!

Tags:

wishfulfilled

So I'm trying to add the Previous/Next links to my Navlinks Module using a code that was previously posted here, but I'm having issues with the Previous link showing up regardless of whether or not there's previous entries (I'm testing on this journal with public entries for reference).

The code I'm using in my theme layer is this:

# code by ninetydegrees/foxfirefey
function print_module_navlinks() {
 
  var Page p = get_page();
  var string prev_link;
  var string next_link;
  
  if ( $p isa EntryPage ) {
      var EntryPage ep = get_page() as EntryPage;
      var Entry e = $ep.entry;
      var Link prev = $e->get_link("nav_prev");
      $prev_link = """<a href="$prev.url">$prev.caption</a>""";
      var Link next = $e->get_link("nav_next");
      $next_link = """<a href="$next.url">$next.caption</a>""";
  } elseif ( $p isa DayPage ) {
      var DayPage dp = get_page() as DayPage;
      $prev_link = """<a href="$dp.prev_url">$*text_day_prev</a>""";
      $next_link = """<a href="$dp.next_url">$*text_day_next</a>""";
  } elseif ( $p isa RecentPage ) {
      var RecentPage rp = get_page() as RecentPage;
      if ( $rp.nav.backward_count > 0 ) { 
          $prev_link = """<a href="$rp.nav.backward_url">""" + get_plural_phrase( $rp.nav.backward_count, "text_skiplinks_back" ) + "</a>"; 
      }
      if ( $rp.nav.forward_count > 0 ) { 
          $next_link = """<a href="$rp.nav.forward_url">""" + get_plural_phrase( $rp.nav.forward_count, "text_skiplinks_forward" ) + "</a>"; 
      }
  } elseif ( $p isa MonthPage ) {
      var MonthPage mp = get_page() as MonthPage;
  	if ($mp.prev_url != "") { $prev_link = "<a href='$mp.prev_url'>Previous</a>"; }
  	if ($mp.next_url != "") { $next_link = "<a href='$mp.next_url'>Next</a>"; }
  }

var string[] navlinks_order = [];
  var string{} navlinks_urls = {};
  var string{} navlinks_text = {};
 
  $navlinks_order =
    [
        "entries",
        "archive",
        "read",
        "profile",
    ];
 
 $navlinks_urls =
    {   "profile" => "$p.base_url/profile",
        "entries" => "$p.base_url",  
        "archive" => "$p.base_url/archive",
        "read" => "$p.base_url/read",

};
 
 $navlinks_text =
    {   "profile" => "Profile",
        "archive" => "Archive",        
        "read" => "Read",        
        "entries" => "Recent",      
        
    };

open_module("navlinks", "", "");
    var string[] links = [];
    
    if ( $prev_link ) {
        $links[size $links] = $prev_link;
    }    
    
    foreach var string k ($navlinks_order) {
        if ($navlinks_urls{$k} != "") {
            var string css = """ class="$k" """;
            if ($p.view == $k) { $css = """ class="current $k" """; }
            $links[size $links] = """<a href="$navlinks_urls{$k}"$css>$navlinks_text{$k}</a>""";
        }
    }
    
    if ( $next_link ) {
        $links[size $links] = $next_link;
    }
     
    
    print_module_list($links);
    close_module();
}

Tags:

magnavox_23

I have been futzing with my new layout, which is 'Gibbous' by Phidari for Heads Up.

It's looking great, the only thing I am stuck on is that I am wanting the comment box background (#ffffff) to be the same colour as the post background (#c6b6b3). Unfortunately, I cannot find an option for this in the customizer:

I can toggle it on and off in the Firefox inspector, but my knowledge beyond that is limited:

Are there any options for using some custom css to change that colour, or hide it?

Any help or advice is much appreciated! <3

Tags:

comments

pixellated

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.

Profile

Dreamwidth style system discussion

July 2026

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

mystical_journey - How to add a star background to my icon page
elyusion - Ugly Comments
sharpiefan - (no subject)
wishfulfilled - Navlinks Issue With Custom Override
magnavox_23 - Colours for Comments
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

Style Credit

Style: Radiant Aqua for Venture by onlyembers

Expand Cut Tags

No cut tags

Page generated Jul. 22nd, 2026 02:28 am

Dreamwidth style system discussion

Recent Entries

How to add a star background to my icon page

Ugly Comments

(no subject)

Navlinks Issue With Custom Override

Colours for Comments

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

Profile

July 2026

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags