inherit
217348
0
Jul 27, 2022 7:26:44 GMT -8
Lynx
5,768
January 2015
msg
|
Post by Lynx on Jul 19, 2018 8:36:20 GMT -8
Forum URL: haydeegame.boards.net/On my forum above, I've noticed the footer section (with all of the required links, etc.) is a bit hard to see. How can I put a solid background behind just that part? Thanks!
|
|
#e61919
Support Staff
224482
0
1
Mar 28, 2024 16:54:21 GMT -8
Scott
23,131
August 2015
socalso
|
Post by Scott on Jul 19, 2018 8:38:03 GMT -8
Lynx, add this to your CSS changing the color to your liking: footer.c-footer { background-color: gray; }
|
|
inherit
217348
0
Jul 27, 2022 7:26:44 GMT -8
Lynx
5,768
January 2015
msg
|
Post by Lynx on Jul 19, 2018 8:40:51 GMT -8
Much appreciated, Scott - worked like a charm!
|
|
inherit
194230
0
Nov 21, 2015 5:56:42 GMT -8
Alan Vende
4,215
May 2013
l1o2u3i4s5
|
Post by Alan Vende on Jul 19, 2018 10:31:25 GMT -8
Hey, Lynx ! I know you already know this, but I just wanted to add this in case others were wondering: If you wanted, you could also make the borders "rounded," like the other areas of the forum: You could also add a margin-bottom, so it's not "flush" with the bottom of the forum. Just add margin-bottom: 10px; to the bottom of the code above, after the -o-border-radius: 10px;. Change the 10px in red to the desired number of pixels that you want it to be off of the bottom of the forum.
|
|
#e61919
Product Manager
12218
0
1
Mar 11, 2017 17:47:30 GMT -8
Matej
This is my status!
17,630
August 2003
wooper
|
Post by Matej on Jul 19, 2018 11:11:35 GMT -8
Hey, Lynx ! I know you already know this, but I just wanted to add this in case others were wondering: If you wanted, you could also make the borders "rounded," like the other areas of the forum: You could also add a margin-bottom, so it's not "flush" with the bottom of the forum. Just add margin-bottom: 10px; to the bottom of the code above, after the -o-border-radius: 10px;. Change the 10px in red to the desired number of pixels that you want it to be off of the bottom of the forum.Even easier, use a mixin that's predefined in the themes. footer.c-footer { background-color: gray; .rounded-corners(10px, 10px, 0, 0); }
.rounded-corners mixin takes up to 4 parameters, in order: top left, top right, bottom right, bottom left border radius and this way you don't have to put extra effort in with the different prefixed properties.
|
|