Changing the Box Height – FourSquare & FivePanel
Question:
I would like to change the background color and box height to add more text.
Answer – Changing the Color:
1) Log into WordPress
2) Click on “Appearance” -> “Editor”
3) A file called style.css should open by default – if not select it form the file list on the right.
4) Type or Copy/Paste the following -change the color hex number to your desired color:
#homepage-top-left{background:#000000;}
#homepage-top-right{background:#000000;}
#homepage-bottom-left{background:#000000;}
#homepage-bottom-right{background:#000000;}
Answer – Changing the Height:
1) Log into WordPress
2) Click on “Appearance” -> “Editor”
3) A file called style.css should open by default – if not select it form the file list on the right.
4) Type or Copy/Paste the following – NOTE: it is not recommended to change the height of the top left and right boxes as it will impact your video box aspect ratio – this may lead to your video to sit in a box that is too tall. You can of course replace the video with an image – the stock layout it is only an image too.
#homepage-top-left{height:378px;}
#homepage-top-right{height:378px;}
#homepage-bottom-left{height:378px;}
#homepage-bottom-right{height:378px;}
