Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
Help! Deleted boxes on front page template, new container has Footer background behind it.
Avatar
Christine Heine
Member
Community Member

Members
Forum Posts: 16
Member Since:
August 21, 2014
sp_UserOfflineSmall Offline
1
September 24, 2014 - 1:59 pm
sp_Permalink sp_Print

Hi, Rick! 

Thanks so much for this resource. If there is something posted or a video that covers this, please just let me know - and direct me there.

I am building my second website with Thesis 2.0.

Here is my url: http://www.totalaccountinginc.com

On the Home Page, which will use the front page template, while in the Skin Editor, I took out the boxes that have the "posts" content in them: starting from Columns down to Sidebar. Because everything is going to be static content.

I added a Feature Box Container with three text boxes in it - each text box has a photo and copy in it. (I have yet to work on the mobile aspects.) 

Now, the footer background is behind and encompassing the Feature Box Container that has the three feature images and text.

I see that the .container background-color is white ... and that is the color I wanted behind these feature images. Then the footer is supposed to be a grey shaded bar. (see attached)

Do I need to add back in some or all of the boxes I removed? How do I delete all posts content off the front page? Why is the footer background reaching up to the container above?

I appreciate any help you can provide. Thanks,

Chris Shaytotal-accounting-inc-webdesign.jpgImage Enlarger

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
2
September 25, 2014 - 8:35 am
sp_Permalink sp_Print

This happens because your #featurecolumns div is collapsing allowing the footer div to jump up.

Containers containing floated elements will collapse like that unless something inside of them clears the float.

The simplest way to do this is to make the container self clearing.  You should add to your Custom CSS something like:

.columns_3:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
Avatar
Christine Heine
Member
Community Member

Members
Forum Posts: 16
Member Since:
August 21, 2014
sp_UserOfflineSmall Offline
3
September 25, 2014 - 2:13 pm
sp_Permalink sp_Print

Rick,

Thanks so much!

That works!

Chris

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
4
September 26, 2014 - 6:35 am
sp_Permalink sp_Print

You're welcome!

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
20 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1428

Brian Tozer: 1004

Carolin: 982

Heidi Hafner: 508

John Cunningham: 423

Reece Morrel: 353

Newest Members:

emma62755

sharonmarks

emma80233

Tijs de Jong

Daniel Frey

mutek

Forum Stats:

Groups: 8

Forums: 46

Topics: 6995

Posts: 34796

 

Member Stats:

Guest Posters: 6

Members: 6761

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent