?

Log in

No account? Create an account

Previous Entry | Next Entry

Header/entry border & sidebar

  • Nov. 13th, 2007 at 12:21 AM
Okay, really simple questions but it's a bit late and I can't figure out the answers.

If you take a look at my journal page there is a 1px border at the sides of the header and, I assume, the entry panel. How do I get rid of it, or change the colour? As it is currently the same colour as the middle panel it looks weird when it goes alongside the header.


I've got some code to create the 1px line under the links list in the sidebar but don't actually understand the code itself; can someone tell me how to get the same line beneath the other sidebar entries instead of the barely-visible double-line that is currently there?

Also, how do I add a 1pm border between entries? Or perhaps add a different coloured background to the separate entry headers?

Layer here, style here. I'm also using a bit of custom CSS.

Many thanks!

Comments

( 8 comments — Leave a comment )
av8rmike
Nov. 13th, 2007 04:28 am (UTC)
Side borders-- the guitar.css file has:
#container-inner {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
You can either replace both of those lines with border: none; to remove the borders, or restyle them some other way. The pale double blue lines are in .widget-header's top border. So, if I understand you correctly, you want to remove those and instead have your borders below the sidebar widgets. Take out the two entries you have for the links widget and add these lines:
.widget-header{ 
    border-top: none;
}
.widget {
    border-bottom: 1px solid #683c39;
}
There are more than enough posts under the entries:divider tag to help with styling a separator.
oh_mumble
Nov. 13th, 2007 10:47 am (UTC)
Thank you so much! Coding is something I just don't understand. I couldn't find those pieces of code in my layer, so I've placed them in the custom CSS box, will that cause any future clashes?

Out of curiosity- its given me a double line under the last sidebar entry; I quite like it, but was just wondering if you knew why it did that?
av8rmike
Nov. 13th, 2007 01:22 pm (UTC)
If those codes weren't in your theme layer before (probably in a set custom_css = "... " section), then they'd have been in the Custom CSS box. You're changing the header image somewhere...

The double line in the sidebar looks to be coming from an empty Custom Text widget. Are you enabling that as one of the choices on the Sidebar page?
oh_mumble
Nov. 13th, 2007 02:14 pm (UTC)
My code is a mess; I literally just copy/paste bits and pieces as I go along. At some point I'm going to have to figure out what is what O_o Okay, I think I've changed the header image twice, both in the layer and in CSS, but possibly just changed the header image with the layer and then put the rest of the coding (size and borders) in CSS. Oh my god.

::facepalm:: That was it. Thank you!

While I'm here - I tried to name the layer and while I've followed the code instructions in the community and it compiles without error, it's not actually taking. The code I'm putting in it:

layerinfo "type" = "theme";
layerinfo "name" = "cosy toast";
set base_theme = "Guitar";
set theme_designer = "S. Howell";
set theme_designer_type = "outside";

Any ideas?

Thank you so much, I'm really lost with all this!

Edit: Wait, doing that kills the background image.

Edited at 2007-11-13 02:20 pm (UTC)
av8rmike
Nov. 13th, 2007 03:30 pm (UTC)
It sounds like you need to make your theme layer (#9612383) the active layer in your style. However, because the new Customization area is theme-based instead of layout-based like it used to be, you'll also have to attach the right user layer (the "Auto-generated customizations" one) to your active style. This is done through the Your Styles page.
frijo
Nov. 26th, 2007 08:49 pm (UTC)
I added the css below in my custom style sheet, but for some reason there is no dashed line on the left side between sidebar and entry page. It worked before... Hope you can identify the problem :)

/*Border between sidebars and entry page*/
#alpha {border-left: 1px dashed #cecece;}
#alpha {border-right: 1px dashed #cecece;}
#beta {width: 188px;}

/*Borders left and right sidebar*/
#container-inner {
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
}
av8rmike
Nov. 26th, 2007 09:12 pm (UTC)
I'm guessing it has something to do with this:
/*Background image instead of some simple color*/
/*body {
background-image: url(http://i228.photobucket.com/albums/ee6/frijo_swe/blueJournalBackground.gif);
background-repeat: repeat-x;
/*background-repeat: repeat;*/
background-attachment: fixed;
background-color: #427f9c;
}*/

I think CSS doesn't allow nested comments, which could be messing with the section immediately following, which is the left border. Try removing the inner comment or the entire section.
frijo
Nov. 26th, 2007 09:26 pm (UTC)
Yup, that was the problem. It's really weird, because like I said, it had worked before... Oh well. Important thing is the line is back :) Thanks!
( 8 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars