style.css1
-
-
- philipperunza
- Rocketeer
- Posts: 52
- Thanks: 0
-
hello
my css knowledge improve and i try manage the css of my site with the style1.css and not the interface menubar of gantry
some of the element of the style1 css doesn't work probably , probably a problem with the style menu bar of gantry or the gantry.css sheet
i look for a solution for manage the main css div of my site with the style1.css sheet
How can i do?
#rt-footer .rt-container ok
#rt-copyright .rt-container doesn't work
#rt-menu .rt-container doesn't work
best regard
philippe
-
-
-
- philipperunza
- Rocketeer
- Posts: 52
- Thanks: 0
-
i work on local so it's difficult to my problem but it try to explain futhermore
The Style Settings panel in the Gantry that alow to configure the template take control
of the my add code in the style1.css or gantry.css sheet
for example when i try to add a background image to the body with tag
body {background-image: url(../images/background.jpg);} in the style1.css sheet
it doesn't work
but this css tag work well
#rt-header .rt-container{
background-color: #FFFFFF;
margin-top: 50px;
border-radius: 10px;
background-position: left top;
}
how can i change this
best regard
philippe
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
it is hard to say without seeing all that is in play. Using CSS specificity is the way to have your changes take priority.
However you can use the important rule.
add this at the bottom of your template.css file:body {background-image: url(../images/background.jpg) !important;}
-
-
-
- philipperunza
- Rocketeer
- Posts: 52
- Thanks: 0
-
it's work
sometime the Style Settings panel take control of the template.css sheet
i try to obtain a result alike to this site ( www.medina-souvenirs.com/ ) with a shadow that cover the frame of the site
i find the only solution to apply css box-shadow propriety to the the four div that
constitute the frame of the site
#rt-menu .rt-container,#rt-main .rt-container,#rt-header .rt-container,#rt-footer .rt-container {
background-color: #FFFFFF;
box-shadow: -3px 0px 10px 1px rgba(0, 0, 0, 0.7);}
#rt-header .rt-container{
margin-top: 50px;
border-radius: 10px 10px 0 0;}
#rt-footer .rt-container{
margin-bottom: 50px;
border-radius: 0px 0px 10px 10px;}
unfortunetely a line appear in the header and the footer of the site
does exist an other solution exist ?
www.deco-orientale.com
best regard
philippe
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
you need to add an element to the template's index.php file to surround the page.
in the index.php find this:change to this:<?php /** End Drawer **/ endif; ?> <div id="page-surround"> <?php /** Begin Top **/ if ($gantry->countModules('top')) : ?><?php /** End Drawer **/ endif; ?> <div id="page-surround"> <?php /** Begin Top **/ if ($gantry->countModules('top')) : ?>
and find this:change to this:<?php /** End Copyright **/ endif; ?> <?php /** Begin Debug **/ if ($gantry->countModules('debug')) : ?><?php /** End Copyright **/ endif; ?> </div> <?php /** Begin Debug **/ if ($gantry->countModules('debug')) : ?>
in your template.css file change this:#rt-menu .rt-container,#rt-main .rt-container,#rt-header .rt-container,#rt-footer .rt-container { background-color: #FFFFFF; box-shadow: -3px 0px 10px 1px rgba(0, 0, 0, 0.7); }#rt-menu .rt-container,#rt-main .rt-container,#rt-header .rt-container,#rt-footer .rt-container { background-color: #FFFFFF;} #page-surround {width: 960px;margin: 0 auto;border-radius:10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); }
-
-
-
- philipperunza
- Rocketeer
- Posts: 52
- Thanks: 0
-
gantry with a good knowledge css3 is cool
www.lynda.com/Web-Interactive-CSS-tutori...mentals/80436-2.html
-
-
-
- philipperunza
- Rocketeer
- Posts: 52
- Thanks: 0
-
hie
I try to change the color in the template.css but the color stay the same that in Style Settings panel ( see the file joined)
#rt-bottom .rt-container {
background-color: #CCCC33;
}
#rt-header .rt-container {
background-color: #CCCC33;
}
this tag folowing is ok et work well
#rt-showcase .rt-container {
background-color: #FFFFFF;
background-image: url(../images/logo.png),url(../images/fond.jpg);
background-repeat: no-repeat;
background-position: 5% 10%,center center;
height: 165px;
width: 900px;
}
best regard
philippe
-
Time to create page: 0.052 seconds