Module Background Color/Design
-
-
- myhavcom
- Rocketeer
- Posts: 62
- Thanks: 0
- Advertising and Web Development.
-
Hi All,
I'm using the Quasar template and I'm wondering how I might be able to change module backgrounds to better define areas. The Bento Box Template gives a good idea of what I'm talking about. I've tried this a number of ways now, and I still can't win. I would be nice to be able to either change the background color or create an interesting border around modules like my cart and product categories. As it stands these mods kinda get lost in the background.
I've tried using Firebug to find the CSS file, but every time it seems to point me to the gantry.css file. Not sure if that's right, as I can't find much in that file that would help, but then again, I'm a novice..
Thanks in advance for any assistance.
Justin
www.caseyav.com - 9 Industries - 1 Source
www.myhavcom.com
-
-
-
- myhavcom
- Rocketeer
- Posts: 62
- Thanks: 0
- Advertising and Web Development.
-
I already have it turned off. I guess I just don't understand Firebug. The module I'm mainly interested in, is the rok_virtuemart_categories. I would like to style it so that it has a solid background color or some sort of border around it. I just don't know where to start.
On a side note.... Should I turn the gantry cache on normally? I don't think I understand what this does. Will it help with Internal Server Errors that I get when I have too many products in a category? - 9 Industries - 1 Source
www.myhavcom.com
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
If you provide a URL with a clear description of exactly what you want to achieve we try to help you get over the hump you are stuck on, if possible.Gantry Cache
The Gantry Cache option allows you to enable/disable the built in Gantry cache system. The Gantry framework and associated template elements are quite complex and contain a lot of files and code. While these have been fine tuned and optimized for best performance, The Gantry cache provides an even greater boost to performance by caching all of the gantry functions and data.
from: gantry-framework.org/documentation/joomla/configure/advanced
-
-
-
- myhavcom
- Rocketeer
- Posts: 62
- Thanks: 0
- Advertising and Web Development.
-
You Bet, here ya go....
www.caseyav.com
Scroll down, middle, right side... .
I have my Virtuemart Cart and RokProductCategories listed there.
I would like to add a background color or some sort of border to each of these. They just seem to get lost in the background and it's surroundings.
Thanks for helping out, I really appreciate the assistance. Justin - 9 Industries - 1 Source
www.myhavcom.com
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
OK. in your case you are using style# 4
find the file: /templates/rt_quasar_j15/css/style4.css
find this:/* Modules */ .icon1 .module-icon, .icon2 .module-icon, .icon3 .module-icon, .icon4 .module-icon {background-image: url(../images/body/style4/module-icons.png);background-repeat: no-repeat;}
you can replace it with something like this:/* Modules */ .icon1 .module-icon, .icon2 .module-icon, .icon3 .module-icon, .icon4 .module-icon {background-image: url(../images/body/style4/module-icons.png);background-repeat: no-repeat;} .newstyle .rt-block {background: #000;} .newstyle2 .rt-block {background: url(../images/backgrounds/style4/newstyle-bg.jpg) 50% 100% repeat-x;}
Then for which ever module you choose add the newstyle or newstyle module class suffix in the module parameters (found in module manager for that specific module)
two things:
1. for suffix 'newstyle' change the color code #000 to your taste
2. for suffix 'newstyle2' make sure you have placed the background image in the palce your code refers to.
Of course now that you know where to look you can take it to whatever level of creativity you choose.
-
-
-
- myhavcom
- Rocketeer
- Posts: 62
- Thanks: 0
- Advertising and Web Development.
-
Wowweewow!!! Thanks for all of that.. .. Man if this works for me, I'm going to be really excited.. Won't get to try it until this weekend, but I'll be sure to post when I get it done..
Thanks again, Justin - 9 Industries - 1 Source
www.myhavcom.com
-
Time to create page: 0.145 seconds