-
Closed
-
As shown in the attached image, the 4th front page content box is dropped down to a second row, despite there being plenty of room for all content boxes to appear on the same row.
http://www.bbblack.com/Images/BBB%20home%20page%20problem.jpg
I think this problem may be related to the recent addition of custom CSS codes. You have provided custom codes to allow me to manipulate icons, fonts, margins, and padding of the content box area. With those custom codes I have been able to format the content buttons as desired, but now I have this new problem.
Also, please note that this “inline” problem happens in Safari on my desktop computer, but not in Firefox, where the content boxes appear correctly. However, on an iPad or iPhone, this problem occurs with any browser.
Here are my current custom CSS code settings related to the front page content boxes:
.content-box h2 {
font-size: 20px !important;
}
.home-content-boxes a {
font-size: 11px !important;
}.home-content-boxes h2 {
margin-top: 5px !important;
}
.home-content-boxes p {
margin-top: -10px !important;
margin-bottom: 0px !important;
}
.home-content-boxes a {
margin-top: 10px !important;
}
.home-content-boxes {
position: relative;
top: -45px !important;
margin-bottom: -80px !important;
}.home-content-boxes p {
font-size: 15px !important;
}.content-box i {
font-size: 30px !important;
}
.cntbox_btn a {
line-height: 2.5em !important;
padding: 0 10px !important;
left: 35% !important;
}
The topic Content boxes don't align is closed to new replies