After creating columns the background...

Jul 14th, 2015 at 09:02 PM
User 2590668 Photo

James Kershaw
Registered User
40 posts

I am working on a HTML5 responsive site and this is new to me. I've created a 4 column layout using the CSS. Columns were not specified on the original archive page; however, the columns look fine but I noticed the white background does not follow down the page with text added. I am stumped by this and thinking I might need to use different column instructions. Thanks for the input.

http://www.momentostudios.ca/momentonew … chive.html
http://www.momentostudios.ca/momentonew … /style.css
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 14th, 2015 at 09:15 PM
User 2590668 Photo

James Kershaw
Registered User
40 posts

For my previous post I changed the style.css to a text doc
Hope this makes it easier.
Attachments:
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 14th, 2015 at 09:31 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Hi James,
You need to apply the background styling to the .col-md-8. You have it applied to .page-content.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jul 14th, 2015 at 11:45 PM
User 2590668 Photo

James Kershaw
Registered User
40 posts

What you suggested is a good clue and I've thought a lot about it. Trying to implement a few approaches becomes more confusing and the results are poor. Would you please offer a nuts and bolts example so that I can build the page correctly?
Thanks
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 15th, 2015 at 06:51 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Add this to your style sheet.
.col-md-8{
background: #FFF none repeat scroll 0px 0px;
padding: 20px;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jul 15th, 2015 at 07:42 AM
User 2590668 Photo

James Kershaw
Registered User
40 posts

I didn't realize it was the CSS that we needed to alter. Many thanks!
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 16th, 2015 at 09:17 PM
User 2590668 Photo

James Kershaw
Registered User
40 posts

This other question I have relates to the same area on the page layout. so I thought I 'd address it to you.

I cannot identify what to change in the CSS in order that the margins in the main area where the graphic sits are the same as the margin in the sidebar area. The original template calls for this design but some how it got changed.
http://www.momentostudios.ca/momentonew … est-b.html

much appreciated...Jim
Attachments:
James Kershaw |Reminiscence Facilitator
jim@momentostudio.info | http://ca.linkedin.com/in/reminiscence
289-501-4026 | www.momentostudio.info
Jul 16th, 2015 at 09:31 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Line 386 of the style.css
.page-content {
background: #FFF none repeat scroll 0px 0px;
padding: 20px;
}

Remove the padding.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.