portisgames: (Default)
[personal profile] portisgames
Hi, I've been away from DW for a good while, and as I came back, my page as portisGames (and other journals too) had a totally broken layout.

Now I vaguely remember feeds from DW about mobile layout etc (though I'm not even sure it is this issue), but as I read them I didn't use my DWs, and now I can barely make sense of what was mentioned in a few posts from DWstyles I just read, nor immerse myself in my old CSS... No clue what was modified, what I can change only per CSS since I kinda know HTML but nothing in LJ-DW's layer system - and blind clueless writing/testing CSS from a tablet (pc broken), with the bothersome scrolling...ugh.
I've completely lost touch with LJ/DW codes, layouts etc too.

I'm using Funky Circles, and on this journal here, only 1 column. It gets cut and the difference in width is somehow added below, making a long bit of column hanging left. I saw a post in DWstyles about new options to define the width from which the style switches from/to mobile or desktop (?) i.e. 2/1 column - but I tried, not to avail, which makes sense since I think it's not the problem anyway: I only have 1 column...

I'm sure it's a very well known issue but I don't even know what I'm looking for. Any help?
6thirty: (kai looking at you)
[personal profile] 6thirty
Hi again. It's me, Syx, and I'm trying to get rid of the underline under the navigation links. I also want to know where I can fix the size and font-size of the navigation bar too.

Here is the code:

Could you please help me figure it out? There may be an excessive amount of code when dealing with navigation bar and navi-links section.
6thirty: (yoseob mask)
[personal profile] 6thirty
Hi everyone. I'm Syx, and I'm trying to get rid of the line-through when you hover over the entry-poster and comment-poster. I checked the code, but I can't seem to find the reason why it's the only piece of code that won't convert to just underline.

Here is the code:

Could you please help me figure it out?

songsforthehomebirds: www.jsecordphoto.com (Default)
[personal profile] songsforthehomebirds
Hi everyone. I was wondering it's possible to only change the color (and decoration) of links in entries, without it also changing other links, like the ones in the sidebar etc. If it is, what code would I need to put in my CSS? 


jhumor: (Default)
[personal profile] 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.
minotaur: (Default)
[personal profile] minotaur
Does anybody know if there is a way to incorporate Font Awesome into Dreamwidth layouts? If there is, I guess it should be something to do with layers, but I have no idea of how to use them.

Thanks in advance.
tree: a white bunny with brown markings, one ear up and one down ([else] oh bunneh)
[personal profile] 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 [personal profile] 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?
ari_linn: (warrior - normal)
[personal profile] ari_linn

I want to know how to make a link to an LJ crossposted post. See, I'm posting something into DW and it gets crossposted to LJ. It leaves a link to the original DW post in a crossposted LJ post: See screenshot )

I was thinking that it would be nice to have a link to the crossposted LJ post in the original DW post as I didn't see it anywhere. See screenshot )

But the link was nowhere to be found until I stumbled upon one of my friends' friend page that showed my DW post with a link to the crossposted LJ post! See screenshot )

I don't know what theme he uses, but it seems like it's something unmodified and pure DW. I, on the other hand, use a custom theme that is basically copypasted from LJ's Smooth Sailing theme (I was given an instruction how to copypaste it here in this community). Now, I want to add a link to my crossposted LJ posts to my custom theme. Is it possible? I think I'm savvy enough to modify the theme code provided that I know the variable that holds LJ post id.
maytakecenturies: (Default)
[personal profile] maytakecenturies
Hi! I'm hoping someone will have more experience with this than me...I found a great layout on Insanejournal, and I've been trying to apply it to this journal on DW with absolutely no luck. Ironically, I thought the hard part would be finding the source code for IJ's base Generator layout, but that was easy enough - I was able to compile it as an S1 layout thanks to IJ posting the source code.

However, the layout - code here, along with a preview of what it should look like - isn't compatible right off the bat. I have some experience with CSS, but I haven't used Span and Div IDs and Classes in layout CSS before, so I'm not sure how to translate this properly, or if it can be. I've already spoken with the layout's creator, and unfortunately s/he doesn't have any DW experience and doesn't know how to make it work over here.

Does anyone have suggestions? I would be eternally grateful!
runpunkrun: spires of atlantis with a christmas tree on the pier, text: it's christmastime in the city (Default)
[personal profile] runpunkrun
If a post is locked, is there a way to add the lock icon to its line on the page summary module? LJ does it, like:

username - [protected post icon] entry title
meicdon13: (Default)
[personal profile] meicdon13
Edit: I had some free time today and spent a long time just poking around with my layout and using trial-and-error to fix it up. I'm adding my updated CSS in case someone has similar problems.

I can't find the bit in my code that will let me do the following things:

1. Change the font family for links in the box that appears when you reply to a post (not the quick reply, the form that appears on the comments page), specifically the "Icon" and username. For some reason, my code works only when I hover over the links. Edited the a, a:link, a:visited part of my code to the following:

a, a:link, a:visited {
text-decoration: none;
font-family: 'Alike', 'New York', Georgia;

2. Modify the "Flat | Top-Level Comments Only" text at the bottom of the page. I want to add a background to it. The code I used to try and address #1 apparently also affected the font here (i.e. change when I hover over it). I found a different customized layout which had code that addressed this part. This is the bit of CSS I added to modify this part:

3. Add padding to all the buttons like "Post Comment" or "Perform Action." Or at least make the font smaller since they look really cramped in their boxes. Added padding to the input part of the code.

input {
background: transparent;
border: 1px solid #333333;
color: #333333;
padding: 3px 3px 3px 3px;

4. Change the font family for the quick reply textarea. Found the solution in the comments of this post and just played around with the code.

Any help would be much appreciated!

Old CSS:

CSS with solutions:

kahaeli: (fringe // wear protection)
[personal profile] kahaeli
I'm using Dusty Foot theme and I noticed that the navigation strip gets cut at the page border (which I've left transparent). This is the first time in over a year that I visit DW from a PC, but I've had this theme for ages and I'm pretty sure the navbar used to stretch out on the entire screen. I would like to restore that look, if it's at all possible. Thanks!
thedaimaofanficarchive: (Default)
[personal profile] thedaimaofanficarchive

My name is Stefanie and I joined DW only very recently.

I have a question regarding the customizing of my header and I hope that some of the people in this community who are more familiar with CSS codes than I am can help me out.

I use the "Decadence" theme for my journal and I want to apply a header for it.
I want my header to be offset, meaning hiding the journal title and just show my image instead.
I used the following CSS code:

#title span { display: none; }
#title {
width: 1000px;
height: 503px;
background-image: url(http://i1382.photobucket.com/albums/ah260/celtic_rose/1039851_478430295566280_996037395_o_zpsqolbonoi.jpg);
background-repeat: none;

And the result I got is the following:

I'm happy with the size of my header, however, I would like it to either stretch all the way to the right of the top page OR to be in the top center of it.
How do I need to change my CSS code in order to achieve that?

If someone could help me out and provide me with adjustments to my CSS code for
option 1: header spreading over the whole top page
option 2: header as it is now, but in the center of the top page
it would be really appreciated.
stormy: (ʀᴇᴍᴇᴍʙᴇʀ)
[personal profile] stormy
I'm working on a small side project and I could use some help. I want to style an entry based on the tags contained in that entry. I know it is not possible to style a parent element in css using the contents in a child element, so I'm looking for a way to print the tags as additional classes in .entry or .entry-wrapper. Currently using Tabula Rasa Plain. Any suggestions?

For example, say the tags currently in entry-wrapper are:
entry-wrapper entry-wrapper-odd security-public journal-type-P poster-name journal-name

I'd like to add something along these lines when it is printed.
tag-subject tag-subject2 tag-subject3
oyceter: teruterubouzu default icon (Default)
[personal profile] oyceter
Does anyone know if it's possible to change anything in the print_navigation function? The source code says it's fixed.

Basically, I wanted to change the Previous/Next navigation links to add an anchor link to skip to the bottom of the page (i.e. like "Bottom | Previous 20 | Next 20") and to change the look of the navigation links for the year page to make the
. I can probably add another element before or after the navigation links, but it would look nicer if the links were editable...
jordannamorgan: Edward and Alphonse Elric, "Fullmetal Alchemist". (FMA Long Road)
[personal profile] jordannamorgan
This is probably a question I should have asked a long time ago, but it's come up again in my updating of some old layouts, so. :Þ

A couple of different layouts I use (including my own journal and [community profile] prose_alchemist) not only give rounded corners to entries and modules, they insist on rounding off the corners--or sometimes half the corners--of my header images as well.

Is there a way I can get rid of all the rounded corners, and just have nice, straight, angular ones? I'd like to do that with the header images and entries/modules, although I'd settle for just not having the corners of my headers forcibly rounded off. (If I wanted them rounded, I would have made them that way, DW...)

EDIT: issue solved! CSS to do the trick is here in the comments. Thanks for the helps!
momijizukamori: (dreamsheep | styles)
[personal profile] momijizukamori

Some quick changes for styles this code push!

Practicality and Bases were the only two layouts that didn't have variables specific to the header navigation links. We've added them, and set them up in all the official layouts, but people who've customized their layouts may want to change those colors.

In Bases:

  • Header link background color used to be the module title background color
  • Header link border color used to be the module background color
  • Header link background color on hover used to be the module link hover color

In Practicality:

  • Header link color used to be the header title color

And then we discovered an issue in Planet Caravan where that tag text had no color set, so it was inheriting from the entry text color and creating a situation in a few themes where it was black on a black background. It now has it's own variable, and the offending themes have been fixed.

kehleyr: (Default)
[personal profile] kehleyr
So I've just changed my header and noticed that I have a little too big of empty space between my bar of "Recent entries, Archive, Reading, Network etc" and the title of my journal "Receded into her own glittering mist"... and I wonder if you can help me out to where to change it and to what :-). Behind the cut is my CSS coding... Thank you for any help you can give me.
Read more... )
jewelfox: A portrait of a foxgryphon with a beak, black fur, magenta hair, fox ears, and a neckband with a large jewel on it. (Default)
[personal profile] jewelfox

I'm using the Fruit Salad theme for the Leftovers style on my personal journal, [personal profile] jewelfox, with some incompletely-organized CSS customizations.

What I can't figure out is why the "JEWELFOX" title and the nav menu ("Previous 5" / "Next 5") are more or less aligned with the content area, in IE and Firefox on my PC, but in mobile they're pushed off to the side. CSS inspection in Firefox's responsive (mobile) view isn't telling me anything useful. What gives?

I'd like to align the stuff in the footer, too, but I figure if this becomes doable maybe that will also. It also badly needs a menu or link to the modules up on top, in the mobile view. I'm not sure how to add that without using S2 (which I was going to try).

anaraine: A blue star shape, trailing ribbons of glitter against a black background, above the name Anaraine. (Default)
[personal profile] anaraine
Hi! I'm working with City Dragon for Tectonic (because oooh, pretty colors) but I really prefer to have my tags listed in the multilevel option. Unfortunately... that adds lots a lot of irritating lines into the module.

Like this: )

I didn't mind it so much in the other modules, but I'd rather just strip those lines out completely. (I'm pretty sure it can be done - I almost think I've done it before with a different layout, but I don't remember how I did it, aka, who I cribbed the css from.)

Help, pretty please?


Dreamwidth style system discussion

October 2016

232425262728 29


RSS Atom

Style Credit

Expand Cut Tags

No cut tags
Page generated Dec. 9th, 2016 05:19 pm
Powered by Dreamwidth Studios