Help With Issues on Outreach Pro Customization

[Designer]

I am taking over a project for a client after the "developer" we
had on staff quit, which we then discovered this person did not know what
they were doing when it came to building a site using wordpress and the
genesis parent theme and the child theme.

I have only a rudimentary understanding of it myself, having only some
basic html coding knowledge. My wordpress/genesis knowledge comes from
mostly doing minor edits on the backend for client sites that are already
set up.

I have exhausted my areas of knowledge and search of tutorials and help on
this particular site, and am running into some issues with the layout.

Specifically, the Header-Top widget currently has some odd sizing/padding
of some sort causing extra white space to occur.

Secondly, the Sub-Footer area sizing/padding issues happening, which is
causing the form we are using in that area to not size correctly on a
mobile device.

The Outreach Pro theme demo shows a site at full-width, but this
particular client wants a fixed width site. I honestly don't know what the
inexperienced developer did to create the site and settings the way they
are now. They didn't even use the Genesis Featured Page area in the
Home-Bottom widget, just used a text box area with code. The issue there
is that the client wanted alternating colored backgrounds for the sections
on the homepage, and since Outreach only has a Home-Top and a Home-Bottom
widget area, it is out of my knowledge on how to change that either.

Help would be greatly appreciated, as the client is wanting the site done,
and I have gotten as far as I can with the knowledge I have. Please let me
know what I need to do specifically to fix the two main issues I
mentioned, and then if you have any other notes, that would be greatly
appreciated.

Child Theme: Outreach Pro

http://http://d5776326.a404.response-hosting.com/wp/

[frobn]

Your link did not work.

From your write up about the former designer, I would be suspect of any changes made to genesis and the child theme. To be on the safe side I would reinstall both genesis and the child theme and start clean. You can rename the present child theme and save it for future reference.

You can add an additional widgets by registering the widget in functions.php and adding it to front-page.php. Here is a brief tutorial:

https://www.nutsandboltsmedia.com/how-to-add-a-widget-area-to-a-page-using-genesis/

[Designer]

Link: http://d5776326.a404.response-hosting.com/wp/

Thank you. At this point, we do not have the time and budget to start over from scratch. I had looked into adding additional widgets to see if that would help.

[frobn]

There are a couple of mistakes in your style.css

Remove the stray ' /*' just above /* Media Queries and style="height: 460px"

At the bottom of the css replace:

.home-top .widget {
	margin: 0;
	padding: 0 0px 0 0px;
	background-color: #fff;
style="height: 460px"
}

with

.home-top .widget {
	margin: 0;
	padding: 0 0px 0 0px;
	background-color: #fff;
        padding-right:10px
}

That should fix your right margin. It appears that the slider is not properly sized.

[Designer]

Thank you, I did take out that stray /* and replaces the CSS at the bottom.

Currently, the slider area is sections with shortcodes making the image/slider on the first 3/4ths of the top area, and then the email sign up form in the last 1/4th of that area. Could that have something to do with the slider not being properly sized?

Resizing the images used, and the layer slider is something I know how to do! I just need to know the right size to do it.

Is that what would help remove that weird white space below that area?

Still not sure why the sub-footer doesn't have a white background the whole width of the area.

Thank you for your replies!

[Designer]

WHEW! I fixed the issue with the slider, I discovered I had to go into the shortcodes settings and put the custom CSS there.

I am still stumped as to the issue of the background color/width settings for the sub-footer.

[frobn]

This will take care of the sub-footer

.sub-footer {background-color:#fff}

Glad you fixed the slider.

[Designer]

Thank you so much!! I have been trying to figure these things out for awhile, and not being that familiar with CSS, I didn't even know where to begin!

[Author]

Posts