Customization Help - Gantry
-
-
- Frances Munoz
- Rocketeer
- Posts: 96
- Thanks: 0
-
Hi,
I need some help with some customization on Gantry. I am attaching what I am trying to accomplish but basically I would like the container to go above the menu like the image attached so that there is a white margin all the way around the content. I can't seem to figure how to do this.
Also if anyone has any suggestions on adding the drop shadow down the sides that would be appreciated as well.
Here is what I currently have: 174.120.61.9/~overhead/
Thanks so much!
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
add
div#rt-menu {width: 960px;margin-left: auto;margin-right: auto;background-color: white;padding-top: 15px;}
div#rt-menu .rt-container{width: 930px;}
to your custom css file and clear your cache
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
sorry perhaps this is better:
#rt-menu {width: 960px;margin-left: auto;margin-right: auto;background-color: white;padding-top: 30px;}
div#rt-menu .rt-container{width: 910px;}
-
-
-
- Frances Munoz
- Rocketeer
- Posts: 96
- Thanks: 0
- Thank you! It's been driving me crazy here.
-
-
-
- Frances Munoz
- Rocketeer
- Posts: 96
- Thanks: 0
- Ok I i will try that. I may come back if I get stuck, but thank you!
-
-
-
- Frances Munoz
- Rocketeer
- Posts: 96
- Thanks: 0
-
So is the white body the .rt-container?
So something like right?
div#.rt-container {
box-shadow:10px 10px 20px #000;
-webkit-box-shadow:10px 10px 20px #000;
-moz-box-shadow: 10px 10px 20px #000;
}
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
I would not do that way ...
I would add something to the index.php (just rough)
<div id="shadowwrapper"><!-- start wrapper -->
"all the stuff that must wrapped"
</div> <!-- end wrapper -->
and add something like this to the css
#shadowwrapper {
width: 960px;
margin-left: auto;margin-right: auto;
box-shadow:10px 10px 20px #000;
-webkit-box-shadow:10px 10px 20px #000;
-moz-box-shadow: 10px 10px 20px #000;}
-
-
-
- Frances Munoz
- Rocketeer
- Posts: 96
- Thanks: 0
-
Sorry I'm a little slow on code here. Something like this in index.php file?
<div id="shadowwrapper"><!-- start wrapper -->
#rt-menu;#rt-showcase;
</div> <!-- end wrapper -->
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
open index.php:
right before <?php /** Begin Menu **/ if ($gantry->countModules('navigation')) : ?>
add
<div id="shadowwrapper"><!-- start wrapper -->
right after <?php /** End Bottom **/ endif; ?>
add
</div><!-- endwrapper -->
-
Time to create page: 0.053 seconds