A Few Questions

Above Images
1. Is it possible to have the same grey bar that is on the frontpage on other pages?
2. Is it possible for these to be aligned the same on the frontpage as on all pages?
3. Is it possible to remove this blank space?

Below Image
4. The four main columns don't seem to display correctly at the size the image shows leave to much white space, is this resolvable?



http://1066786233.1065524876.temp.prositehosting.co.uk/

 

Hello,

1, 2) Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header {
background: white;
overflow: hidden;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);}
 
.main_container {
background: none!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
 
.page-content {
margin-top: 10px;
overflow: hidden;
background:white;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
}
 
.social-links {
background:white;
}

3) Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.feature-content {
padding-bottom:10px;
}

4) I have not seen such blank space on your site. Is it still exist?

 

1 & 2. It adds the grey band onto the pages but doubles the depth on the home page and also cuts the dropdown menu off.

3. Works Great.

4. Has corrected itself, seems to occur depending on content of the four columns.

 

Hello,

For first issue.
Use this code instead of above.

Code:

.header {
height:118px;
background: white;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);}
 
.main_container {
background: none!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
 
.page-content {
margin-top: 15px;
overflow: hidden;
background:white;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
}
 
.social-links {
background:white;}

 

Still not working, the new code still results in the front page top grey bar being double the depth of the one on 'pages'. I can't see how applying something globaly in the custom css will solve the issue because this will also affect the front page which already has the grey bar.

Also the new code messes up the header in tablet and mobile view!

Thought it might have been a simple fix but not to worry i'll leave it without.

Thanks anyway

 

Hello,

Please provide the following information listed below.

Thread Link:
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]
We will check and resolve your issue