Is there a way to add a black 1pt hairline as a border separating my site and the background. 

For both the left and right sides of my site...

The black thin line needs to appear on the side of the header (aka top ad box) and then continuously follow down the page to the bottom of the screen. 

Please let me know if you can help.  Here is my network: http://www.bridaltweet.com

Thanks,

Christine

Views: 191

Reply to This

Replies to This Discussion

Give this a try in advanced css box

 

#xg_body {

border: 1px solid black!important;

}

here you go left & right border   :)

#xg_body {
border-left: 1px solid black!important;
border-right: 1px solid black!important;
}

George,

Thanks so much.  I implemented this.  Now, how do I get the lines to continuously extend upward, so that they are on the sides of the header (aka top ad text box)?  Also, is there a way to eliminate the space between my top ad text box and the tabs (i.e. Home, Why You Should Join, Your Stuff, etc.) on my site?

I can't thank you enough!

Christine

Your welcome I'm glad I could help :-)

okay replace the code you just used with this one :-)

DIV#xg_ad_above_header.xg_ad.xj_ad_above_header, DIV#xg_head, #xg_body {
border-left: 1px solid black!important;
border-right: 1px solid black!important;
}

George - You are the best!  Now, is there anyway to remove the background space that is appearing in between my top ad box and the tabs(i.e. Home, Why You Should Join, Your Stuff, etc.)?  Thank you AGAIN!, Christine

Of course there is :-) I also change the width of the ad box from 955px to 953px  so the borders would line up better :-)

Ad this code with the code above

you're welcome and thank you.  You have a great day, Christine

DIV#xg_ad_above_header.xg_ad.xj_ad_above_header{margin-bottom:-15px!important; width:953px!important;}

wow wow wow!  do you work for ning?  for future reference, do you do design work?

lol No I don't work for ning lol

Yes I do design work. To give you an example here's a discussion I started for people who can't afford a web designer.  I tried to make it compatible with most Ning networks because there are differences in the layouts and themes.  So there are some adjustments that need to be done on some networks after this stylesheet is implemented but it looks beautiful.  :-)

"TIP" "style_GC_whole_network.css" Update Version 5.3

This stylesheet will add styles and animation fx throughout your whole network blogs, forums, groups, latest activity, comments and a whole…

here's a snapshot with it virtually added to your network

ok!  thank you again.  i'll keep you in mind for the future.

RSS

Latest Activity

Suzie Nielsen replied to Suzie Nielsen's discussion 'quick question'
"Thanks, I guess I do not have a program to open this CSV thingy... tried but it looks complicated…"
18 minutes ago
soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"try adding !important"
45 minutes ago
Kos replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"(lowers head) don't hate me...........it didn't work either.  *lol* That grey box is…"
49 minutes ago
soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
".button.button-iconic {background-color:red;} change color  to anything "
1 hour ago
Kos replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"Nope that hid the entire thing.  Tried linkbar linkbar-iconic {visibility: hidden;} and it…"
1 hour ago
Kos replied to Suzie Nielsen's discussion 'quick question'
"In 2.0 the member photos *do* reflect recent visitors (or at least it used to before I stopped…"
1 hour ago
soaringeagle replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"i styled it i believe its the containing a 1 sec' this will do it .button.button-iconic"
1 hour ago
Kos replied to soaringeagle's discussion 'stop confusing everyone make your 3.0 icons more use friendly'
"Don't forget the pillow!  *ahahaha*  Hey, how do we hide that grey box behind the…"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service