[JOSHUA]

I would like to make my homepage consistent with all other pages. Currently the homepage is thrown off, likely due to something with the Featured Content feature that I can’t seem to figure out. In the attached photo you can see my two problems: http://giantstepdesign.com/GSD/wp-content/uploads/2015/02/JRO.jpg

1. I cannot remove the thin white horizontal spacer line, pointed out by the arrow, and
2. There is space between the gray background and footer on all other pages but not the homepage. Is there a way to make that consistent?

[Sakin]

@JOSHUA:
1. You can try adding in the following css in “Appearance => Theme Options => Custom CSS” box to remove the border
#main .site-content .type-page { border: none; }

2. I need to check in your site to see the difference. So, please send me your site URL.

[JOSHUA]

Thank you! That worked for the line. This is a private page that should go live within 1 or 2 days so I will pig you back when that happens. Thanks so much

[JOSHUA]

@Sakin
The site is live and can be found at http://johnsonrosen.com/

The only remaining problem is that there is connectivity between footer (dark blue) and content area (gray.transparent) on the homepage, but not on any other pages

Thanks for your help

[Sakin]

@JOSHUA: Please remove the following css from your custom css box:

.site { background-color: transparent; }
#main { background: rgba(218, 218, 218, 0.85); }

then add the following instead
.site { background: rgba(218, 218, 218, 0.85); }

[JOSHUA]

Well, I tried but that made the main content area on every page solid (no transparency), including the home page. It DID add a small, partially transparent “bridge” between content background and footer on non-hompage pages, but that was the only tranparent part; the rest was a solid color. I wish I could leave it to show you but it is a live site now

[JOSHUA]

nevermind! once I set the overall content area color to transparent, that did it. Thanks so much for the help!

[JOSHUA]

actually @Sakin, is there a way to customize the color of the menu items when responsiveness is enabled on mobile devices?

[Sakin]

@JOSHUA: As per our menu design, you need to add the following css in “Appearance => Theme Options => Custom CSS” for your mobile menu css:
/* Mobile Menu background */
.sb-holder {
background-color: #d11d0f;
}
/* Mobile Menu link color */
.sb-options a:link,
.sb-options a:visited {
color: #1a2b35;
}
/* Mobile Menu Hover */
.sb-options a:hover,
.sb-options a:focus,
.sb-options a.sb-focus {
background-color: #d11d0f;
color: #dadada
}

[JOSHUA]

great! thank you

[Author]

Posts