Changing the Background Color, Height & Width of the 4 boxes

Question:

How can I change the Background Color, Height & Width of the 4 bottom boxes?

 

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:

#homepage-box1{background:#000000;}
#homepage-box2{background:#000000;}
#homepage-box3{background:#000000;}
#homepage-box4{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:

#homepage-box1{height:180px;}
#homepage-box2{height:180px;}
#homepage-box3{height:180px;}
#homepage-box4{height:180px;}

 

Answer – Changing the Width:

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:

#homepage-box1{width:150px;}
#homepage-box2{width:250px;}
#homepage-box3{width:250px;}
#homepage-box4{width:150px;}

 

Pro Tip – Use only 3 boxes if you need wider boxes

1) Change the width of the boxes (see above)

2) Omit one box by adding the following to your style.css file:

#homepage-box4{display:none;}

back to topics list