[personal profile] denig37 posting in [community profile] style_system
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

Date: 2012-02-02 05:35 am (UTC)
stormy: βͺ ππŽπ“πˆπ‚π„ ❫ 𝑫𝑢 𝑡𝑢𝑻 𝑻𝑨𝑲𝑬 𝑴𝒀 𝑰π‘ͺ𝑢𝑡𝑺 ⊘ (Default)
From: [personal profile] stormy
I have a little time before I go to bed to help with a few of these. Add the following to your CSS page:

Problem 1:


Problem 2:


Problem 4:


Problem 5:

Problem 5: Part 2 - I forgot that taking out the entire top navigation section would also remove your YEAR DATES at the top of the page in your CALENDAR view, so here's another option that shouldn't do that. It doesn't remove the entire space, but that *could* be accomplished with margins.


Problem 6:


If any of these don't work for you, let me know and I'll take a better look tomorrow.
Edited (Updated for my stupidity) Date: 2012-02-02 05:46 am (UTC)

Date: 2012-02-02 12:43 pm (UTC)
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (Default)
From: [personal profile] ninetydegrees
Is it possible to make the entry management links white permanently (so they wouldn't change color when they were visited?

Yep!

ul.entry-management-links a:visited {
color: #fff;
}

add main nav links under the header and figure out how to get rid of the white points next to tags, the profile info box and page summary.

Would you try this?

.module-content ul {
list-style: none;
}

.module-navlinks {
left: 4%;
margin-left: 1.8%;
margin-right: 2.4%;
position: absolute;
right: 4%;
text-align: center;
top: 298px;
}

.module-navlinks ul {
display: inline;
width: 100%;
}

.module-navlinks li {
display: inline;
}

#header {
padding: 1.5em;
}

Date: 2012-02-02 01:13 pm (UTC)
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (Default)
From: [personal profile] ninetydegrees
Can we make those permanently white too?

Sure!

ul.entry-interaction-links a:visited {
color: #FFFFFF;
}

If I was your boss you would definitely get a raise :-D You're really good at this :-D

XD Thank you! I'm a civil servant so I get a raise when I'm supposed to and that's it (which is better than what some people have so I'm not complaining ). And that's more than what you wanted to know... *bg*

Date: 2012-02-02 01:39 pm (UTC)
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (Default)
From: [personal profile] ninetydegrees
How do we color the main nav links?

#secondary .module-navlinks a {
color: #fff;
}

And if you need it:

#secondary .module-navlinks a:visited {
color: #fff;
}

#secondary .module-navlinks a:hover {
color: #fff;
}

And is it possible in some way to move the sidebar/module so it's in the same distance from the header as the entries?

#secondary .inner:first-child {
padding-top: 0 !important;
}

#secondary .module:first-child {
margin-top: 0 !important;
}

Date: 2012-02-02 01:53 pm (UTC)
ninetydegrees: Art & Text: heart with aroace colors, "you are loved" (flowers)
From: [personal profile] ninetydegrees
You're welcome !

No, I'm good but thank you very much for the offer. I really appreciate it. :)

Profile

Dreamwidth style system discussion

July 2025

S M T W T F S
  123 45
6789101112
13141516171819
20212223242526
2728293031  

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Jul. 6th, 2025 12:50 pm
Powered by Dreamwidth Studios