Greensalad; widen the page and widen the nav
Permalink
Hi,
Ive found installing and running C5 pretty good from the dashboard. however, as soon as I start playing with the css in either the dashboard or the actual files I hit a wall.
Ive found two main.css files, one inside a default folder and another inside the greensalad folder. I edit either of them and nothing happens, despite clearing the dashboard cache.
Can anyone give me instructions on how to widen the page and the autonav please because my autonav moves to the second line on some pages.
Thanks.
Ive found installing and running C5 pretty good from the dashboard. however, as soon as I start playing with the css in either the dashboard or the actual files I hit a wall.
Ive found two main.css files, one inside a default folder and another inside the greensalad folder. I edit either of them and nothing happens, despite clearing the dashboard cache.
Can anyone give me instructions on how to widen the page and the autonav please because my autonav moves to the second line on some pages.
Thanks.
Just a couple of quick tips ;)
I believe on about line 25 on Green Salad's main css is where width is defined... however; the background images in the Image folder should be photo-shopped or replaced as they are sized for an 800px theme.
Best practice... copy the theme you're going to edit to the empty Themes folder one level higher (that way your edits won't get overwritten if you upgrade C5, and you'll always have the original to refer to still on-site) and copy/paste your file that needs editing to the desktop. FTP your edited file back into the new higher level theme so it overwrites the original. Clear browser cache etc & view updated site.
I believe on about line 25 on Green Salad's main css is where width is defined... however; the background images in the Image folder should be photo-shopped or replaced as they are sized for an 800px theme.
Best practice... copy the theme you're going to edit to the empty Themes folder one level higher (that way your edits won't get overwritten if you upgrade C5, and you'll always have the original to refer to still on-site) and copy/paste your file that needs editing to the desktop. FTP your edited file back into the new higher level theme so it overwrites the original. Clear browser cache etc & view updated site.
Thanks guys! Sorry for the late reply. After reinstalling a theme 100 times Im getting the hang of C5 now :P
For instance you can select the nav block and edit the margin in design. By applying a negative left margin i.e. -300 you can expand the nav area to the left. This edit will not show in the edit mode. But will appear in the view mode. Of course you may have an image for your logo that does not permit you to go as far left as you need. You may be able to add a spacer bock above the nav block that would drop the nav block below your logo. There are many different variations of edits you can make to achieve your desired results. Another alternative is to add an auto-nav block anywhere in the page and eliminate the original.
You can widen the page, but you will still need to address the nav block positioning. I personally would not widen the page solely to address your nav issue.
First you need to copy your theme from the core to your root/theme file and make you edits there. In the theme main.css file you can change the page width from 800px to whatever you want, believe it should be around line 25. You can edit other code within the file to address any of the other default area settings as it will override the settings of your theme in the core files. You may need to clear your browser and cache to see results. Hope this helps.