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!
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.
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
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!
jordannamorgan: James Cagney as Eddie Kennedy, "The St. Louis Kid". (St. Louis Kid)
[personal profile] jordannamorgan
I'm looking for help with a couple of items, respectively related to modules in the Ciel style, and font size in my profile.

#1: Is there a way to put just a few pixels' space between the modules on my journal pages? I don't care for how they're sitting directly on top of each other. (ETA: this is resolved, thanks!)

#2: I want to change the size (and perhaps the colors) of the text on my profile page. I've been trying to do so by using the font size HTML tag in the profile-editing area, since I've coded a table with some graphics there. However, try as I might, I can't get any font-altering tags to work. The size refuses to change. Any solution? (Still haven't found an answer for this!)

Thank you for any help!
marahmarie: my initials (MM) (Default)
[personal profile] marahmarie

ETA: SOLVED. With this layout, deleting display:none from .clearfoot fixes things right up (yes, the design seems to be inadvertently coded so that it cuts off the sidebar in the three views mentioned in my post title).

Like in this example. Another user in this community had the same problem months ago (not with this style, actually a Core 2 style) and I was one of the ones who helped them, though I wasn't of much help because nothing I tried or suggested at the time really worked. Can't help myself now, either. Any suggestions?


Jul. 27th, 2012 12:39 pm
megwrites: Reading girl by Renoir.  (Default)
[personal profile] megwrites
I'm trying to customize my layout. I'm using For The Bold, and what I'd like to do is take each section of the side bar and make it a different color.

So, the top part with my icon would be, say, red, and then the navigation would be blue and the recent entries green, and so on and so forth. I'm not sure how to do this in CSS. Any help you can give would be really great!
ephemeraldelusion: Canada from Hetalia, right, hugging a large Kumajirou, left. (Default)
[personal profile] ephemeraldelusion

EDIT:: Problem solved, thanks to [personal profile] awakened! C:

Currently, I am having issues with wanting to change the module header text for both "Links" and "Profile" at the bottom of my page [akin to how one may edit said header text for the 'custom text' box module] as is seen like this --

<div class="module-userprofile module"><h2 class="module-header"><a href="">Profile</a></h2>
<div class="module-typelist module"><h2 class="module-header">Links</h2>


<div class="module-userprofile module"><h2 class="module-header"><a href="">delineation</a></h2>
<div class="module-typelist module"><h2 class="module-header">connections</h2>

[Yes, I am one of those obnoxious people who love to use fancy words in place of the given titles.]

However, I have noted that one may not edit any body text, of course, so how may I go about doing this? Is there any way?

Currently I have "h2.module-header { display:none; }" in its place as the titles were bothering me that badly. [Sadly that removes the calender header as well, which I am rather displeased about.]

Is there anything I may do or am I stuck module header-less for the rest of my stay? [I really am not all too savvy in CSS, so I may be asking a stupid question.]

erinptah: (winding road)
[personal profile] erinptah
I'm working on two Tabula Rasa layouts -- one fixed, one fluid, with matching graphics -- and starting to hit the limit of what my understanding of CSS can handle. Help?

Here's the current state of the fixed-width layout, currently enabled at [community profile] punditfic:

And here's the fluid version, visible in action at [community profile] andthatstheword:

Issues in the fixed-width layout:

  • When the page isn't tall enough, module-content and module-powered show up in the middle of the sidebar. Avoided!

  • In the main entry view, how can I get usernames to display reliably under the userpic? The best I got (through messing with margins) was "it'll appear there, but entry text will overlap it." (Also a problem in the fluid version.) Solved in both!

  • New issue...when #primary is shorter than #secondary, the page only scrolls down as far as #primary.

  • Things in the fluid layout that I can't get to match the fixed-width layout:

  • On the calendar-by-month view, the entry information isn't indented with respect to the date. Prettied up!

  • Similarly, the bulleted list on the tags page isn't indented. Solved!

  • Information in the entries on the main page is all squished together (title overlapping with date/time, tags overlapping with entry tools). Solved!

  • Everything to do with comment display just isn't happening. The tools won't display inline, there's no space around comment-content, the header has no background... Solved!

  • Other issues with the fluid layout:

  • Can I make the #primary and #secondary divs extend to the bottom of the page (to extend the background) without covering the header?

  • Looks like I need to do something with module-content and module-powered here too. When the sidebar is on the left, they try to squeeze into the gap between #secondary and #primary. This isn't a problem when the sidebar is on the right (or at least, it hasn't been at my resolution). Solved!

  • Anyone who can point me in the right direction on any of these points would be greatly appreciated!
    denig37: (Default)
    [personal profile] denig37
    Layout: Halloween
    by [personal profile] dancing_serpent  for ColorSide

    Problem 1 : Header - I want to get rid of the journal title, subtitle and the "Recent" (or any nav title) SOLVED!
    Problem 2 : Links at the bottom of entries (AKA edit entry, adit tags,...) - I want them to me white :-) SOLVED!
    Problem 3 : Navi links - I want to move them under the header and centered. SOLVED!
    Problem 4 : Subject of entries - is it possible to move them a few px to the right from the icon? And maybe making the font a bit bigger and in bold? SOLVED!
    Problem 5 : I want to get rid of the "Previous 20/Next 20" links/bar at the top of the journal and only leaving the ones at the bottom. SOLVED!
    Problem 6 : I would like to move everything (icon, subect, date, TEXT,...) a few px on BOTH sides from the border in the entries AND the module/sidebar. SOLVED!
    Problem 7 : I would like to move the entries so when clicking on the "Reading/Friends" page (or any other for that matter) they would be at the same height as on the "Recent" page (AKA same distance from the header everywhere). SOLVED!

    I'm totally new here and have no clue how to write CSS so if you managed to help me with these with some CSS coding or even just pointing me in the right direction and telling me what's possible and what not I would be super thankful and might possibly owe you my firstborn :-D
    The DW confuses me and takes away my sleep :-( Please help! O.o

    scarletseraph: (Rufus: Just not worth it)
    [personal profile] scarletseraph
    [ETA]: Solved!


    I'm not so much an LJ refugee as that I keep an outpost on DW just in case. My layout over there has a lot of personal customzations - it's not one of the public themes; it's something I did the graphics and colours for myself, and not being able to reproduce it has been one of the things that's kept me from wanting to be as active on DW as I am LJ.

    Well, I only just tonight found out that there's a tutorial on importing LJ styles (this one here, using the instructions for a Mixit import). While I have the layers created and compiled okay, I have run into one minor(?) problem... On LJ, I'm using Expressive as my base, which I'd gotten the impression was more-or-less the same as Mixit so I thought it might work alright. Apparantly there are more differences than I realized, because while the basics of the layout are there, there are features that have shifted around - the links specific to each entry are now in vertical colums rather than horizontal lines, as are my header links, and my sidebar is appearing at the bottom of the page (after my entires). (That's probably an obvious enough explanation, but in case it's not, this is how it looks on DW, and this it how it looks on LJ).

    I don't generally mind trying to tweak things when I know what it is what I actually need to tweak, but I don't have the kind of mind that'll let me paw through code and find the problem. I'm assuming it's either an issue in the CSS somewhere (though I could be wrong) or there's an adjustment I could make to the CSS to compensate for the base code, but it's all just too much like an algebra problem for me and my dyscalculia to figure out. :/ Does anyone have suggestions for what I might be able to do to fix it, or know of a fix that's already in use - preferably one that doesn't involve having to switch to Mixit on LJ, trying to recreate the layout there, and copying it back to here? (Or is there a local style that might be suited to rigging a similar look on DW? I did glance through the themes here, but didn't see anything that seemed to be a good fit. I'm not averse to some changes, but I'd like to keep my header graphic/page background and colours/etc - and a lot of the local styles also have entry boxes that get squashed due to my monitor's resolution being on the lower end.)

    [ETA]: Getting the links onto their lines seems to be more-or-less handled, now, so I'm left with:

    - The sidebar not positioning properly
    - Entry tags vertical-columning (though I suspect I may know how to fix this eventually, if I play around with things enough - now that i see how the link lines were fixed)
    mayfly: mayfly: life's too short (Default)
    [personal profile] mayfly
    If you go to my DW page, you can see there is a black background image. Essentially, I want that to show, and I want to move the left green module down further. I added some padding to get the content further down, but I'm not sure how to actually just get the green module to *move*.

    The red is just there for testing. Although, I would be trying to move the links over as well with padding.

    This would be easily solved if I could figure out how to get the background image to overlay the css - but I think that's not possible.

    *Edit* I've been able to move it because I found the page where we can actually edit the css easily (the S2 page). I guess I'll be using that from now on instead of the main CSS box where we have to scroll back down every time we change one line of code!


    Dreamwidth style system discussion

    August 2017

    S M T W T F S


    RSS Atom

    Style Credit

    Expand Cut Tags

    No cut tags
    Page generated Oct. 20th, 2017 07:09 am
    Powered by Dreamwidth Studios