6thirty: (Default)
[personal profile] 6thirty

Hi everyone!

I made another layout for a community I recently created. The problem I have is not bieng able to relocate the previous and next links to where I want them to go. It doesn't help that the previous and next links overlap by 1px over the navigation/menu bar. I have no idea how to move them.

Here is the entire layout's css:
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

Just include the following in your custom CSS:

.page-recent .entry-poster { display: none !important; }
.page-entry .entry-poster { display: none !important; }

It's a hack I figured out just tonight. I spent awhile on it before realizing I didn't need to use > (CSS child selector), which works on .page-recent but not on .page-entry here.

nonesane: My cat is a happy cat (Default)
[personal profile] nonesane

I'm yet another person moving over from LJ  and having trouble with the making changes to my journal layout. More specifically the title text for my journal entries.

The using the City Dragon - Tectonic theme, which has the entry title text in all lowercase letters. This I'd like to change to there being no modification to how the text is formated regarding lower or uppercase letters.

I've tried using the "text-transform" command and while I can change the entry text, the entry title text refuses to be anything else than lowercase. Any suggestions of what I can paste into the Custom CSS box that will remove the lowercase curse on my entry titles?

Warning: I'm not super great at CSS, so Advanced Customization is sadly beyond me.
liri_stargazer: (Default)
[personal profile] liri_stargazer
Hello, all!

I am new to DW and am trying to tweak the coding on my page. I did quite a bit of tweaking to my journal on LJ and I understood how to do that because I understand standard HTML and how to structure the commands/code.

However, DW is CSS and I know absolutely nothing about CSS or layers. I am not afraid to get into the basic code and change things to see what happens as I do it. I oddly love coding so I like to learn and build on my knowledge as I go.

At this point I want to do a simple tweak of the Title and Subtitle. I want to change font and probably color.
Currently I am using Abstractia.

My questions are:
1. Is there a basic tutorial or how-to that will walk me through where to find the code I need to modify?
2. Does anyone know of any basic online CSS tutorials that will help me learn what I need to do?

Thanks in advance for any help,
med_cat: (Default)
[personal profile] med_cat

I'm trying to see if I can use a custom LJ style on DW. When I tried to choose "unstyled", I got an error message; any help/instructions would be appreciated.

The style of the custom layout is S2 Expressive--will this kind work on DW?

The design is "Jane Austen", from here: http://design-nika.livejournal.com/17569.html

Many thanks!
promethia_tenk: (Default)
[personal profile] 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!
qvb: (Default)
[personal profile] qvb
Hi guys,

  I'm new to DW, moving from LJ. I would like to make some enhancements/tweaks to the system, to add some of the LJ features/tweaks.

I just started learning S2 and style system in DW, and I have a quick question - what is the best mechanism for adding some custom JavaScript to the DW pages?
I'm looking into options of using JavaScript to implement Repost feature, also maybe rework some of the pages to make them more modern and interactive.

Would appreciate any suggestions and info pointers.
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: combat boot, pizza, camo pants = punk  (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.


Dreamwidth style system discussion

January 2017

8 910 111213 14
15161718 192021
222324 25262728


RSS Atom

Style Credit

Expand Cut Tags

No cut tags
Page generated Mar. 27th, 2017 08:29 pm
Powered by Dreamwidth Studios