Free account: layout style "Crossroads"

[mmejavert]

Hi,

I'm not sure if I can actually do all of these things with a free account, but I figure it doesn't hurt to ask.

1) Is it actually possible to widen the sidebar? The tag cloud just looks really constrained with the size of the sidebar right now, and I just want to make it wider. It's not an option in the customizations menu, but I wondered if it was possible to do with CSS?

2) I want to make the links at the top for recent entries, reading, etc. a little bigger (and also not underlined), but I can't figure out what to put in the CSS to do that. I did put custom CSS which worked on the links in the sidebar (took away the underlines and change colours when I mouse over), but it doesn't do anything to the links at the top of the page, so maybe I'm missing something?

3) At the bottom of the entry there's a bar with "Edit Entry" "Edit Tags" "Memory" "Share" "Track" on the right. How can I get rid of the "Memory""Share" "Track" links there? It just looks cluttered with all that there, and I was able to do that on my livejournal, but I can't remember if that was a paid-account feature or not anymore. Related, can I replace the text with the little icons, as well? I'd also like to place a text separator between the links, like so: "edit entry ~ edit tags" Is that possible, as well?


Thanks so much! :D

Comments

[cesy]

1) In the custom CSS box, add .two-columns-right #secondary {width: 20em;} or whatever number you want.

2) Custom CSS: .module-navlinks ul {font-size: large;}

3) You can replace the text with the icons, though I can't remember where the setting is right now.
For the links: .entry-management-links .tell_friend, .entry-management-links .mem_add, .entry-management-links .watch_comments {display: none;}

[mmejavert]

This is awesome, thank you!

The only problem I have is that now the sidebar floats on top of the content of the journal, it hides the far right text on the entries, and the links for the navlinks float on top of it. Do I have to also modify the main entry part to go with the change to the side bar, or is there something I'm missing in the CSS text for the sidebar size? I just copy-pasted the ".two-columns-right #secondary {width: 20em;}" part into the custom CSS box to see how it would work before I tweaked the size and so on.

[cesy]

Ah, you'll need to modify #primary {width: 90%;}

However, that means that there's something wrong in the style that I'm missing, because it's mixing percentages and ems, so it'll work on some screens but not on others.

Hopefully someone more expert than me is watching this and can fix it - if not, I'd suggest filing a Support request.

Edit: You'll also need .two-columns-right .module-navlinks {right:20em;} for the navlinks.

[mmejavert]

Yeah, I tried looking at it on both Opera and Chrome (I primarily use Opera), in case it was a browser thing, but it looks exactly the same in both browsers, so that's what made me think there might be more to change.

I tried using all percentages to modify primary/secondary and the navlinks, but 85% + 15% leaves a lot of empty space in between the sidebar and entries which just seems really weird.

I used the following CSS for what my journal looks like now:
.two-columns-right #primary {width: 93%;}

.two-columns-right #secondary {width: 21em;}

.two-columns-right .module-navlinks {right:21em;}

and I like the way that looks. Would it still be a good idea to submit a support request, then, and mention the percentage/ems mixup thing? Even though I have the journal looking the way I like it, I mean.

[cesy]

Yes, it's still worth submitting a support request, because it will break if any of your readers have a different font size set in their browser.

[ninetydegrees]

You shouldn't change the width of #primary in Tabula Rasa and its children styles. Everything is based on sidebar_width, which you can customize in the interface, to make sure it stays nicely flexible and will always look nice.

[ninetydegrees]

1) You shouldn't need custom CSS for that. On the first page of Customize Journal Style, you have an option to change the width of your sidebar. From 15em to 20em for example and from 30em to 40em for the doubled value. It works well for me.

[mmejavert]

Oh...! I honestly did not see it before I posted here. I had looked in the wrong place to change that option. Thanks for letting me know, that worked really well!

[zvi]

3) to change the links to icons, go to http://www.dreamwidth.org/customize/options and at the bottom it asks about whether you want different kinds of links to be text or icons.

To put a spacer between them
ul.entry-management-links li:after { content: "~"; }
ul.entry-management-links li:last-node:after { display:none; }

It looks like you solved 2 yourself, but if you'd like a guide to the CSS, S2 CSS guide should be helpful.

[mmejavert]

I changed all the options in the customize page to be icons rather than text, but the "leave a comment" links don't change to icons, they stay as text. (I thought it was because I customised the text but I restored all the defaults and that doesn't help.) I also can't find the CSS to put the separator between the read comment / leave a comment links, the CSS you gave me works for the edit / edit tags / etc. links but not the read comment / leave a comment links. The CSS guide shows the entry-management classes but not anything about comment links. :\ Unless I'm missing it somewhere.

[mmejavert]

No, wait, nevermind about the CSS for comment links, I found it (although it still posts the separator after the last link shown), but I still can't change the comment links to icons, even though it's set to icons on the customizations page. Is this, then, a bug, or is this because this layout doesn't want to have comment icons instead of comment links? And if the latter, is there anything else I can do to change this?


(Sorry I'm being so persistent, it's just that when things bug me about how my journal looks I don't want to use it until the look is fixed.)

Thanks for all your help so far!

[zvi]

Oh, because you commented to yourself, I never saw this.

Anyway, I don't think the comment interaction links turn into icons for any of the styles, actually, but I wouldn't swear to it.

[zvi]

this is from forever ago, but the class you were looking for is ul.entry-interaction-links li Sorry for taking twelve milion years to reply.