Gantry CSS is overiding my Components CSS Help Appreciated
-
-
- xtensiv
- Newbie
- Posts: 8
- Thanks: 0
-
Hello RocketTheme members, just wondering if someone may be able to help a bit, I installed the MMPortfolio component which can be seen here:
www.mmplugins.com/products/mmportfolio
>then click the read more tab and it shows properly.
Looking at my site here www.structured-elements.com/services/gallery.html . However if you select the read more tab it opens an Iframe to provide more details about the item. It is showing up in a gray color which its pulling from the crystalline template or gantry css instead of using the components CSS. Anyone have any idea how can correct this or get it showing properly?
-
-
-
- Rich Bean
- Elite Rocketeer
- Posts: 1194
- Thanks: 1
- In your plugins check to see if you have RokBox set to light or dark css?
- My Sites:
Perth Website Design
Scuba Marketing
I'm a Henning Stalker!
-
-
-
- xtensiv
- Newbie
- Posts: 8
- Thanks: 0
-
Thank you for your help Rich, It was set to light, but after changing to dark and also using legacy parameters none made any difference to the iframe. It remained the same, I tried using firebug to help and its displaying the css below, however this is not the CSS included in the components CSS. #4F4F4F is the color that i want to be white, but its saying the css is being pulled from
www.structured-elements.com/services/gal...-heat/component.html
< that location, but this directory does not actually exist and is not an actual css file? So it has me a bit stumped. The actual CSS file for the component has the background already set to #FFFFFF
<div id="rt-main-surround">
#rt-main-surround, #rt-variation .bg3 .module-content, #rt-variation .title3 .module-title {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#4F4F4F;
background-image:none;
background-position:0 0;
background-repeat:repeat;
-
-
-
- Rich Bean
- Elite Rocketeer
- Posts: 1194
- Thanks: 1
- Hmm...seems odd, do you have style 3 set somewhere for a page view in Gantry?
- My Sites:
Perth Website Design
Scuba Marketing
I'm a Henning Stalker!
-
-
-
- xtensiv
- Newbie
- Posts: 8
- Thanks: 0
- It seems to be using the same color for the background as I set for the main background in Gantry template manager, #4F4F4F. However it is filtering over to the iframe the component is launching as well, I want it to use its own css, but can't figure out how to make it do that?
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
mmmhhh its a gantry feature that loads some stuff from the template css even when only com_component is loaded.
add
div#project-feature {background-color: white;}
to the css of your component. (just as a start),
And PLAESE always disable any kind of css compression during development and esp. when you ask for help with css.
-
Time to create page: 0.051 seconds