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:
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!
weber_dubois22: (Default)
[personal profile] weber_dubois22
Hey, guys, I searched the transmorgified tag in hopes that I would find an answer but came across none, so here's my problem.

I'm using a transmorgified layout by [community profile] visualwit and I want to add a header image to it. However, every time I attempt to use the following codes:

.module-navlinks { top: 315px; }

#header { margin-top: 312px; }

#canvas {
background-image:url("URL HERE");
background-position: right top;


#canvas {
background-image: url(URL HERE);
background-repeat: no-repeat;
nackground-position: top center;
padding-top: 350px;

It never appears, the layour remains the same. Does anyone have a override or workaround for this particular custom style sheet that will allow me to put a header at the top of the layout? I really don't want to go looking for another layout in an already small collection of choices.
unicorn: a unicorn skull. (Default)
[personal profile] unicorn
Hey guys. On my journal right now I'm trying to change the color of the bar around the "top of the page" footer link - for some reason I can't get it off of the pale blue it's on now and (preferably) change it to a gray that matches the other navigation stuff.

Also, the other navigation links (recent entries, archive, reading, etc) are all left-aligned on their bar, and I can't figure out how to get them to center instead.

I'm using a tweaked version of this code, if that makes anything clearer. Thanks in advance for your help!
goneahead: (Default)
[personal profile] goneahead

Sorry, I'm here - again. I've finally gotten my latest layout close to what I want, but I can't get the footer (I am using canvas for the footer) and background image (I am using body for the repeating image) to mesh correctly. If you scroll to the bottom, you will see what I mean.

I think I got the footer positioned right, but I need to add a margin to the bottom of my repeating background image? I can't seem to find the right coding that will let me do that. Any help would be appreciated!
alyndra: (Default)
[personal profile] alyndra
Hi, I've finally started messing around a bit with customizing my journal style, and I was wondering how I can remove the footer. I never use the link to Top of Page and it takes up a lot of space. I looked around this community but didn't see an answer, any help would be appreciated!

ETA: Solved. Thanks, [personal profile] branchandroot!
jewelfox: A portrait of a female anthropomorphic fox, with a pink jewelled pendant and a cute overbite. (Default)
[personal profile] jewelfox
I'm trying to replace the funky circles in question with a different picture, preferably superimposed over the title banner the way that the circles are normally. The current testbed is the otherwise-blank [community profile] fursona community, which is being styled to emulate the best parts of [personal profile] aliaspseudonym's Tumblr. I'm just running into two problems:

One, due to the complex way that the circles are coded into the layer (as referenced in this comment on this entry, I'm not even sure how to extract and replace them completely, at least not using CSS. This comment explains how to do a custom header image, and that seems to work, but we're not going for that style of header.

Two, even replacing the background-image URL in that CSS style doesn't actually replace the background image. Does it need to be a paid account for me to do that? I'm confused.

Any help would be appreciated, even if it involves going into S2 (I've done a little of that before).
aryas_zehral: Close crop of Chiana's mouth, slightly open as if worried/breathless (femslash whoops caught!!!)
[personal profile] aryas_zehral

I'm trying to get a header onto Brittle over at [community profile] slashing_jane. I tried it using the #canvas tag(?) but when it was centered it was out of alignment with the body and when I put it to the left I couldn't work out how to move it in until it lined up. Also I want a background image for the page but I'm not sure how to do both.

I know nothing about CSS so any help would be greatly appreciated.


sharpiefan: Coffee beans, coffee grinder and coffee pot, text 'Coffee' (Coffee)
[personal profile] sharpiefan
(Ironic, I know, given the previous post!!)

I'm using Practicality for my personal journal, and have inserted a header banner using this code:

#canvas {
background-image: url(http://i26.photobucket.com/albums/c139/Sharpiefan/Sharpebanner1.jpg);
background-repeat: no-repeat;
background-position: top center;
padding-top: 250px;

I want to introduce a small margin (of about 10px) at the top and bottom of my banner, to give a bit of space between the banner and the nav bar, at the top, and the header box (or whatever it's called) underneath.

How can I do this? Or can't I?

Trying to increase the padding number to 270 just moves the header box down, without shifting the banner itself down as well.
sharpiefan: Coffee beans, coffee grinder and coffee pot, text 'Coffee' (Coffee)
[personal profile] sharpiefan
Hi there! I've recently switched to Practicality and have again encountered Dreamwidth's love of putting text over a header banner, as shown here, top right: Photobucket (click the thumbnail for a bigger view).

I'm not fantastic with HTML and CSS, but I know it's there somewhere, where I can put the header banner as a background image and move everything down, but I can't remember where to find that bit of code or how to alter it.

This isn't just an issue with Practicality, it occurs in every DW layout I've used: the Customize area allow for a link to a banner, but the text in that box won't move down, despite the user filling in the height of the banner, so the end result is a clash of text and banner that is frankly ugly. Would it be possible for someone to look into this and change the behaviour of text in the topbox? Or is that too big an ask, as it affects pretty much all DW layouts? I wouldn't know where to post such a suggestion, myself, and as I've said, I know next to nothing about coding.

Thanks for your help!
[personal profile] gone_fishing
Apologies if this has been asked here before, I looked through the community and didn't see it.

I have a small-ish image that I would like to add to the footer of my journal. I am aware that custom text supports HTML for images, however, I am already using the custom text space for an image. So, can someone provide me with the CSS to plug in to put the image URL in the footer? My current layout is Brittle, if it matters. Thanks! ^__^
faevii: (confusion)
[personal profile] faevii
I'm trying to create a layout by adding custom CSS to the Tabula Rasa style.

Does anybody happen to know which element I need to remove the margin from in order to get rid of the gap between the navigation strip and the header? I've tried everything I could think of already ...
lilacsinrain: (Default)
[personal profile] lilacsinrain
I have tried 5 different themes, but when I try to change the background image, it only shows the default color of that theme.  I can change the header to the image I want, but nothing else.  I haven't found a way to change the color to transparent, and need idiot-proof instructions for that.  I tried 6 different tutorials, but the only advanced code I'm seeing is for the specific color code, not the entire layout code. Any help would be so appreciated, thanks.
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!
elleth: (Gen: Pickwick)
[personal profile] elleth
I'm currently in the process of customizing my journal, but ran into a problem on the way, but I know the grand total of nothing about CSS and am not even certain what caused it.

I am using this bit of code for a fixed background image, and while the image itself is fixed, my page continues to scroll, with a bit of no background image between navigation strip and page, as well as to the right side of the screen, and this driving me nuts. Since, when I scroll to the side, it is the entry content that is moving, could the problem be caused by the entry module width, or is it a background image issue? And more importantly, can this be fixed?

(The layout looks fine in Google Chrome, the problem appeared in Firefox.)

SOLVED: Secondly, Brittle forces the icon size to 70px with a 5px border. Is there a way to remove the border and display the icons in their original size?

Thanks so much in advance!
ardath_rekha: (Default)
[personal profile] ardath_rekha
I couldn't find any posts that referenced this so I thought I'd ask, because I have several layouts I'm attempting to port over that are broken without this.

A lot of my layouts make use of a fixed background behind the text, so the text scrolls over the image while the image stays still (usually coupled with transparent backgrounds on the modules and entries). I'm fine with using existing layouts -- and really don't have time to build a brand-new one from scratch anyway, argh, I have a ton of homework this semester -- but so far I've been unable to get any of them to not scroll the background image when I scrolled the page.

I found one layout in a community that had a fixed image but I haven't been able to modify the .css code its creator used to work with any of the other existing layouts (and the only thing I liked about her layout, sadly, was the fixed image).

Is there any reliable coding for fixed images? I have about half a dozen journals that can't get set up the way I want them without it, and I've tried everything in my (admittedly limited) arsenal of coding knowledge. I have one in particular that needs a non-tiling image fixed on the bottom-left of the page, and half the time I can't get it to stay still (and the other half of the time I can't get it to appear at all).

Hopefully someone has a solution for this. *crosses fingers!*

Edit: Here's the solution as worked out with the wonderful people who answered me:

I added the following to the .css (and made all other areas transparent):

#canvas { background-image: url(Image went here);
background-position: top-left;
background-attachment: fixed;
background-repeat: no-repeat; }

This worked perfectly. Users will need to make sure they set the page, module, header, and footer colors to transparent backgrounds and borders in order to achieve the effect, which can be seen here: [personal profile] sarah_humphries. Thank you to everybody who helped me figure out how to apply this.
sally_maria: Daniel Jackson looking sideways (Default)
[personal profile] sally_maria
This is no doubt a real noob question, but I'm wondering if there is a way of making an image appear above the header box on my journal - so I get the image and then the title etc, in the box underneath it?

The header image option on the customize style page puts the picture into the header box, with the writing imposed on it, which is not what I want.

I have a paid account, and I'm quite used to using theme layers on LJ, if that's what it takes, but while I can edit other people's CSS a bit, I can't write it myself.

Thank you very much for any help you can give me.


Dreamwidth style system discussion

August 2017



RSS Atom

Style Credit

Expand Cut Tags

No cut tags
Page generated Sep. 22nd, 2017 03:26 pm
Powered by Dreamwidth Studios