Neat! Theme – lost borders

• 

  plainxplain · Member · Aug 21, 2009 at 7:39 pm

  • Copy link
  • Add topic to favorites

  Hi

  Since changing the background color in CSS the border separating the sidebar from the body page has disappeared on this page: http://plainxplain.com

  It exists on my other page with the same theme, for example on: http://socialmedia.ie

  I tried going through the CSS sheets of both sites and comparing them to find a discrepancy but I don’t see one. Any suggestion? Thanks. LR.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 21, 2009 at 7:43 pm

  • Copy link

  NEVER paste the entire CSS stylesheet into the CSS edit window. CSS uses relative URL’s and since your CSS is stored in a different directory, it breaks all the relative URL’s. Paste ONLY the sections and the specific declarations that you are changing and make sure “add to existing…” is checked.

  You will now have to go through all of the CSS you pasted into the CSS editor, search for, and make all the URL’s absolute.

• 

  plainxplain · Member · Aug 21, 2009 at 8:15 pm

  • Copy link

  Thanks very much for responding. I’m brand new to this and had no idea I couldn’t paste in the entire stylesheet (though isn’t this how I got started once I deleted the welcome message?)

  You’ll have to excuse me but what does it mean to make the URL’s “absolute”? Thanks again. LR.

• 

  thesacredpath · Member · Aug 21, 2009 at 10:27 pm

  • Copy link

  You’re welcome, and you can paste the entire stylesheet, it is just that comes problems.

  A relative URL is means that the URL is “relative” to the current directory the browser is looking in and looks like this: images/feed_icon.png
  An absolute URL is the complete URL and looks like this: http://s3.wordpress.com/wp-content/themes/pub/digg3/images/feed_icon.png

• 

  plainxplain · Member · Aug 21, 2009 at 10:58 pm

  • Copy link

  Following the example you’ve given I’ve replaced the three URL instances with:

  http://s3.wordpress.com/wp-content/themes/pub/neat!/

  (replacing ‘digg3’ with ‘neat!’ – is this correct?)

  so that

  background:url(‘images/bg.jpg’)

  becomes

  background:url(‘http://s3.wordpress.com/wp-content/themes/pub/neat!/images/bg.jpg’)

  background:url(‘images/sidebar.gif’)

  becomes

  background:url(‘http://s3.wordpress.com/wp-content/themes/pub/neat!/images/sidebar.gif’)

  and

  background:url(‘images/h2.gif’)

  becomes

  background:url(‘http://s3.wordpress.com/wp-content/themes/pub/neat!/images/h2.gif’)

  This hasn’t worked. Am I missing something or doing it incorrectly? Thanks. LR.

• 

  thesacredpath · Member · Aug 21, 2009 at 11:07 pm

  • Copy link

  Take the exclamation mark that you have after “neat” out.