Hi!
I'm using Acquia Marina theme but i don't want my site to occupy the entire screen. I want it smaller and centered in screen.
I've tried to change through CSS but i had problems.
Originally, my CSS comes with this classes applied to tag (it has classes for different columns layout, i'm using the three column one)
/**********************************/
/* THREE COLUMN LAYOUT */
/* (Sidebar:Main Content:Sidebar) */
/**********************************/
body.layout-first-main-last #sidebar-first {
margin: 40px 20px 0 0;
width: 240px;
}
body.layout-first-main-last #content-wrapper {
margin: 40px 0 0;
width: 700px;
}
body.layout-first-main-last #content-wrapper #content-inner {
}
body.layout-first-main-last #content-wrapper #sidebar-last {
background-color: #F4F7E7;
margin: 0;
padding: 0 0 0 20px;
width: 240px;
}
body.full-node.layout-first-main-last #sidebar-last {
margin: 0;
}
I've tried to change this values but then it got all messy because of other divs that contain other elements of the layout. I've also tried to change #page width but it didn't change anything.
Is there a simple way to do this that i'm not seeing?Or do i have to go though my css and change all the widths of all elements to make the page width smaller?
Comments
check template.php that it
check template.php that it isn't getting the page width there. Otherwise yes, you may need to tinker with the styles to get it looking how you want :)
hmm.. not sure but If iirc
hmm.. not sure but If iirc the page width of acquia marina is on its style. try using firebug.
Thanks
thanks for the suggestions!
I've managed to do what i wanted through CSS with a little bit of work.
hi Margarida
hi Margarida,
my Requirement is exactly as urs , its been a quite a long time am searching the answer for this but i cant make it, i am happy to see u saying you made it atlas using the css, please can you tell me what u did exactly so that many people like me will also get benefit out of you.....
Thank you !