style_system | Entries tagged with username:icon

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

seleneheart

I have an imported Flexible Squares layout, but I can't tell who is who on my reading page here on DW. On LJ, the user name or community would show up underneath the userpic. What string of code in which layer will allow that to show up?

I presume it's being overwritten by something in DW layers, or because of the difference in naming between 'friends' on LJ and 'reading' on DW, it isn't showing up correctly.

Tags:

promethia_tenk

Hello all,

I'm on a devious mission to ~~convert my friend to DW~~ make my friend happier with her DW by helping make her layout closer to her LJ one (she uses Compact over there). I've made my own journal into a testing lab with Librarian's Dream as my base. This community's archives have been deeply helpful, but I'm running up against the limits of my hunt-and-fiddle knowledge of CSS and I still need to get my laundry done today.

Here is a screen grab of where I am now.

Is anyone able to help me with:

( Read more... )

Thank you in advance for any insight you're able to provide!

Tags:

jhumor

In one of my communities, I'm using a slightly modded Abstractia.

I'd like to be able to change the userpic so that it will ALWAYS display Keyword order|View All.
Mostly I'm kind of tired on waiting for DW to do anything about this for all style sheets and I'm wondering if there's a way to code it using Custom CSS.

After searching through this comm, I came across some code that looked like it worked for CSS2, but probably won't work for Abstractia?

Anyway, so I tried changing it to this (and several derivatives of it). So, I'm just guessing this isn't the way to go about it. (I wish I understood the different CSS better.)

Any help you could grant would be great, because I have this comm and several journals that I'd like to update to forcing the keyword order and view all options.

ETA: perhaps easier? Is there a way to change the bullet point image? I know I can do it by finding a URL and doing 'background img', but I'd rather do it natively via text. (IE: currently on the style they are squares (■) I want them to be one of my choice.)

SOLUTION: Use this code:

Where XXX are options from a CSS List Style website.

Thanks in advanced.

Tags:

tree

This is one of those questions I feel I should be able to answer myself, but I've searched in various places and come up empty.

In a stylesheet, is it possible to define some custom icons for user links and have others be the system default? At present I'm using custom icons for Dreamwidth users and communities, but external service users' links have no icons; there's just a blank space where the stylesheet specifies the image height and width, etc. So either there's something I need to change in my existing CSS or I need to add the location of all the other icons. But I don't know what they are since s.dreamwidth.org/img/ doesn't allow directory listing (which makes sense), and I can't find a list of all the image file names.

I should add that I'm using a stylesheet made by

sarken that I've modified mostly through trial and (much) error because no matter how hard I try my brain just refuses to grasp this stuff.

( CSS under the cut )

Please help my scrambled brain?

Tags:

magz

I'm attempting to poke together a layout using Paletteable, and was wondering if there was a way to move the username of the poster so it's right-aligned, opposite the timestamp on the entry. I've tried floating it and modifying the margins, but because of the order in which things print in the layout, the username gets stuck to the left of the user icon.

Is there a bit of code I could rearrange so that the poster prints first and then the user icon, which I could then toss into the theme layer? I've been looking through the Palettable and DW s2 source codes and unless I'm scrolling past it, I haven't found what I'm looking for so far.

Any suggestions?

[ETA] In the meantime I've done a messy bit of work with margins which seems to be working for now:

.poster, .entry-poster {
margin-top: -30px;
margin-right: -80px;
float: right;
}

Tags:

jana

All links in my journal are styled with 'border-bottom: 1px solid #someColor;' which also affects the contextual popup image. I don't want a border in this particular case, but I cannot seem to get rid of it.

I've tried .ContextualPopup{border: none !important;} and .ContextualPopup a{border: none !important;}, but it doesn't have any effect. Nor does .ljuser a img{border: none !important;}

What am I overlooking?

( EDIT: Picture of what I mean )

EDIT 2: Like someone pointed out to me, it's not the contextual popup but the user name icon (or user link).

Tags:

vanessagalore

( Questions about image padding problems in Transmogrified. )

Tags:

queenofspades

I was wondering how one would code tinyicons into their layout, instead of using the default ones? I use tinyicons for the journal and community userheads, journal security, openid, and for the track, screen, freeze, and delete buttons. I know another user briefly mentioned how to do this somewhere, but I couldn't figure out how to actually implement it into my custom CSS. I'm using the flexible squares layer, if that's relevant.

Tags:

username:icon

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

Dreamwidth style system discussion

Entries tagged with username:icon

SOLVED: Adjusting vertical alignment of username icons

Username and Community Name on Reading Page

Sidebar blocking banner and icon border issues

Userpic Links {bullet points solved}

Defining custom user link icons

Poster position?

Contextual popup image

Image padding in Transmogrified

Using tinyicons

Profile

June 2025

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags