Changing a layout in Responsive...

User 327365 Photo


Registered User
26 posts

Hi,

I' d like to change the index.html (home page) column layout in the responsive Autumn theme from two columns to one. So far I've deleted reference to the right column in the index.html and default ccs files, changed the id of the remaining left column to .col and pushed it over to the centre by adding a left margin of 240px. Also changed the width a bit to 55%.
.col {
margin-left: 240px;
width: 55%; /* 460/960 */
border: none;
}

I'm fiddling about with the margin-left px to see what looks best but is there a better way to centre the column accurately without relying on guesswork?
Thanks.
Cheers,
Paddy

User 187934 Photo


Senior Advisor
20,190 posts

margin:auto;
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
User 327365 Photo


Registered User
26 posts

That worked! Thanks a lot Eric.

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.