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.