Posted by itdrupal on May 31, 2011 at 12:44pm
Hi all, how can i edit the default values of the region in the frontpage?
I want to edit the width of the sidebar left and right..
Thanks
edit the width of the region of front page
Group organizers
Group categories
Subsystem
- Design/Theme (238)
- Functionality (299)
- Information Architecture (32)
- Install Profile (75)
- Modules (62)
Comments
Hi, You need to change the
Hi,
You need to change the CSS 'width' value for the regions.
Find the region names using any CSS editing browser plugin (i.e. 'web developer' for FF), then find the code in your sub-themes' CSS layouts file and edit accordingly.
If you don't know how to do either of the above, which I'm presuming is the case, have a look on some CSS sites (i.e. w3schools.com), don't ask about basic CSS here.
Remember to flush your cache if you have caching enabled, however if your site isn't live, just turn caching off as it's a pain when developing.
ok thanks a lot.. And i want
ok thanks a lot..
And i want to enlarge the global front page?
Wait a moment, i have
Wait a moment, i have modified this value.. the region was enlarged but the structure remains the same.. The line that separe the regions doens't move
Please provide a screenshot
Good Morning @lifewave,
Please provide a screenshot and/or provide more details.
Have you read the Theming OpenPublish documentation?
It is a damn poor day when you don't learn something.
I don't quite underdstand
I don't quite underdstand what you're saying, but just be aware that the width of the page is set via the CSS, so if you make one region 10px bigger, you have to make another one 10px smaller.
Your page is likely set at 960px, so just work out how wide your regions should be with a spacing between them. i.e.
| 420px | 10px padding | 200px | 10px padding | 320px|
If you want to change the global width of the container, just do the same process as the regions, identify and change the CSS.
So, i explain better what i
So, i explain better what i have done and what i want to do..
I searched the names of the regions with the plugin firebug.. The names are sidebar-left and op-content that are the left region and the central region of my openpublish_theme on the front page..
I modify the layout.css file, exactly from:
body.front-page #sidebar-left {
float: left;
width: 356px;
}
body.front-page #op-content {
margin-left: 10px;
float: left;
width: 275px;
padding:0 0 0 10px;
}
to
body.front-page #sidebar-left {
float: left;
width: 456px;
}
body.front-page #op-content {
margin-left: 10px;
float: left;
width: 175px;
padding:0 0 0 10px;
}
Delete cache
Now i see the changes but there is still the line that separated the sidebar-left from op-content..
I can't view this bar from firebug, so, for me, i have to edit some other values....
thanks
Sorry, i found this line with
Sorry, i found this line with the firebug plugin.. It's a background image file..
Sorry again!
Thanks