[CSS] Border Around Forum

[hatty hattington !]

Hi there, trying to make the border go right the way to the bottom, but it stops midway through one of the sidebars... in fact, the whole thing stops short

I want to fix the border at least though

magicalmayhem.freemessageboards.com/

[Maiden]

I was wondering about how to do the reverse, make the top look like the bottom?

solariatest.freemessageboards.com/

I also want to switch the two, so the brown colour is the border and the pattern is the inside. I thought I could do it by changing the @ but I can't work out what that background image attribute is called? And I have it on repeat at the moment so not sure how that would work?

Thanks

[endo]

horrorsonline.freemessageboards.com/

Shrike,
Not the best with this type of thing, so forgive me. But, how would I stop the border around forum from going past the info center or affiliates bar instead of encompassing everything at the bottom?

Thanks in advance.

[Shrike]

Bumping this as a reminder for me to deal with these questions sooner rather than later, sorry for forgetting.

Edit: Actually, from what I can tell, everyone has figured it out already or asked someone else to help Feel free to post/link any solutions so that other people can see them.

[marona]

So I'm trying to work with this code and I have no idea how to get it to not be cut off by the width of the forum...

arokaitest.freemessageboards.com/

[Shrike]

Jan 29, 2013 12:50:29 GMT -8 marona said:

So I'm trying to work with this code and I have no idea how to get it to not be cut off by the width of the forum...

arokaitest.freemessageboards.com/

You need to add some padding to it, something like padding: 1.5em; would work. You could use padding: 0 1.5em; if you didn't want it to add any space at the top/bottom.

[marona]

Ok I posted a dumb bunch of questions, fixed 'em. Now I need to know if there's a way to get my image to only repeat on the y axis as I have it set AND have it start at the forum and not continue above or below it?

[Shrike]

Jan 29, 2013 15:31:36 GMT -8 marona said:

Ok I posted a dumb bunch of questions, fixed 'em. Now I need to know if there's a way to get my image to only repeat on the y axis as I have it set AND have it start at the forum and not continue above or below it?

Which of the two background images are you looking to move and in what way? From the looks of it, you have the second image (the plain dirt background) all sorted, so I assume it's a case of getting the header-sized grass one in the place you want?

[marona]

Jan 29, 2013 15:41:17 GMT -8 Shrike said:

Jan 29, 2013 15:31:36 GMT -8 marona said:

Ok I posted a dumb bunch of questions, fixed 'em. Now I need to know if there's a way to get my image to only repeat on the y axis as I have it set AND have it start at the forum and not continue above or below it?

Which of the two background images are you looking to move and in what way? From the looks of it, you have the second image (the plain dirt background) all sorted, so I assume it's a case of getting the header-sized grass one in the place you want?

No the plain dirt background one needs to stop right at the bottom of the grass one. I don't want it extending all the way up.

[M³]

Hi, I'm trying to get this to look something like this forum, in terms of the rounded corners at the top and bottom. The only difference is, my forum is ad-free. Not sure how much that plays into my code, but nonetheless, here is my code. Can someone assist me with what I need to do with it to make it work? I placed the code in the first post the way I 'think' it should go, but it's not working out to well. Thanks for any help ahead of time!

---

[M³]

bump

[Shrike]

Jan 31, 2013 15:50:32 GMT -8 M³ said:

bump

Hi there,

First of all, for the love of scrollbars and mousewheels everywhere, please put your stylesheet that you copy/pasted into a [spoiler] tag or something

As for the rounded corners, it was just a case of getting the bits of code in the right place. This is a little bit misleading because the part for the rounded corners is using something called LESS, which is essentially like a CSS addon but it uses some different syntax.

Remove the red bits from here...

.rounded-corners(5px);
/* border around forum */
#wrapper {background-color: @container_inner_border_color; margin-bottom: 10px; padding: 1.3em;}
.rounded-corners(5px);

...and put one back in where the blue part is, see how it's inside the closing } ?

/* border around forum */
#wrapper {background-color: @container_inner_border_color; margin-bottom: 10px; padding: 1.3em; .rounded-corners(5px);}

[M³]

Shrike Love it! Is there a way to change the color within that code .. to change the color of the bg and color of it all?

[Shrike]

Feb 1, 2013 11:56:07 GMT -8 M³ said:

Shrike Love it! Is there a way to change the color within that code .. to change the color of the bg and color of it all?

Yep, you'd change the value for background-color. It's currently using a value that's been set in the Easy Theme Creator (this is what most of the "@" variables are) but you could just set it to a usual hex code so you'd have something like background-color: #ffaa00; for example.

[rassy]

Is there a way I can have an image going around not just the base and hea but the sides to? and that will work for all browsers? Please let me know.