WordPress.com Forums » Topic: Background width on Connections http://en.forums.wordpress.com/topic/background-width-on-connections WordPress.com Forums » Topic: Background width on Connections en Sun, 26 May 2013 09:36:37 +0000 http://bbpress.org/?v=1.1-alpha-2539 greencampusconsortium on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-309080 Fri, 13 Feb 2009 01:40:53 +0000 greencampusconsortium 309080@http://en.forums.wordpress.com/ Hi,

I'm using connections as well but my header keeps disappearing. Anyone know how to fix this?
http://greencampusconsortiumofmaine.wordpress.com/home/

Thanks!

]]> thesacredpath on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-309072 Fri, 13 Feb 2009 01:17:17 +0000 thesacredpath 309072@http://en.forums.wordpress.com/ You're welcome. Firebug sometimes I can't get to identify an element properly, and then I switch to Aardvark and it does, and sometimes the other way around.

]]> gwideman on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-309057 Fri, 13 Feb 2009 00:18:34 +0000 gwideman 309057@http://en.forums.wordpress.com/ TSP -- thanks for mentioning Aardvark -- that looks pretty useful in somewhat different ways than Firebug.

]]> angiemel on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-308925 Thu, 12 Feb 2009 17:25:27 +0000 angiemel 308925@http://en.forums.wordpress.com/ Dude... I just peeked back here because it didn't work on my 1st attempt (shocker) and I was kicking myself for not knowing CSS, but I knew I'd closed the post.

PHEW!!!

Firebug & Aardvar, eh -- yeah, I use Firefox so I'm doing that post haste! (Think I'll leave WDaddon until I'm out of training wheels).

Much much gratitude. Don't feel quite so horrified now!...

]]> thesacredpath on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-308923 Thu, 12 Feb 2009 17:17:01 +0000 thesacredpath 308923@http://en.forums.wordpress.com/ You're welcome.

I use a Firefox addon called Firebug that allows me to easily find what part of the CSS controls things in the pages, and when I right click on the relative URL in the #rap background, I can copy the full URL of the image.

If you are going to be working with CSS, the Firebug addon is very useful and I also have two others, Aardvark, with is another one that allows you to quickly identify what part of the CSS controls things on pages, and I also have the Web Developer addon, which is sort of the "kitchen sink" of addons but because it does so much, it has a steeper learning curve.

]]> angiemel on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-308921 Thu, 12 Feb 2009 17:09:55 +0000 angiemel 308921@http://en.forums.wordpress.com/ Really? How'd you find that url? Hmmm.. there must be a thread somewhere with all that cool stuff in it - must look MORE!

Tsp, I declare... the more posts I read, the more I am in "AWE-R" of you! (LOLOLOL)

Really, I was about to give up. But between you (and drmike), I feel reeeeeeeally comfortable trying to make something cool out of my little piece of WP. I know you guys are volunteers, so I dunno what else I can say, but THANKS - so "THANKS!!!"

]]> thesacredpath on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-308901 Thu, 12 Feb 2009 15:52:44 +0000 thesacredpath 308901@http://en.forums.wordpress.com/ The drop shadow is part of a jpg image that is in #rap background. It is 783px wide and 3px tall and repeats in the "y" direction. What you would have to do is make a new image similar to it that is wider and then play with the width settings to get things looking just right.

The full URL of the jpg is http://s3.wordpress.com/wp-content/themes/pub/connections/img/rap.jpg

On the header, once you get the CSS upgrade you can no longer use the custom header upload feature. You have to put the URL of the image directly into the CSS ( #headimg ).

]]> angiemel on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-308890 Thu, 12 Feb 2009 14:49:15 +0000 angiemel 308890@http://en.forums.wordpress.com/ (Frustration = fat fingers.. ugh).

FYI... have found a few blogs using Connections who have successfully modified the width; here's one:

http://trullinger.wordpress.com/

As I compare them the 2 things I'm struggling to find the CSS code for are:
1. KEEP FROM DEFAULT:trullingers has completely lost the nice drop shadow/background effect that the Connections default has, and

2. CHANGE FROM DEFAULT: she's been able to increase the size of the banner/header. I tried just uploading a larger banner after increasing the width, and of course there's more to it than that so mine looked like crap.

Will spend time trawling thru the forum for the appropriate css code for the background shadow, and the header width, but any insight appreciated.

Thanks!

]]> angiemel on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-308888 Thu, 12 Feb 2009 14:45:45 +0000 angiemel 308888@http://en.forums.wordpress.com/ FYI... have found a few blogs using Connections who have successfully modified the width; here's one:

]]> angiemel on "Background width on Connections" http://en.forums.wordpress.com/topic/background-width-on-connections#post-308849 Thu, 12 Feb 2009 12:58:32 +0000 angiemel 308849@http://en.forums.wordpress.com/ 1. Looking thru forum topics, found 1 post on similar issue, but no match for exact problem.
2. Have the CSS upgrade
3. Modified the width on my Connections theme as follows:

#header {width: 1000px;}
#headimg {width: 1000px;}
#main {width: 1000px;}
#rap {width: 1000px;}
#content {width:750px;}

... however, that cool background "shadow" effect isn't being changed. I'm poking thru the code now to see what that parameter might be... anyone have any ideas?

]]>