Rocket Theme CSS needs help
-
-
- Fusion
- Rocketeer
- Posts: 74
- Thanks: 0
-
We recently joined your Joomla! Club and were excited about the various templates Rocket Theme offers. We were particularly interested in news rotators, scrollers and menu options, etc. that are built into Rocket Theme templates.
I must say that after using two templates (MediaMogul and Versatility 4) I'm not so sure this was the best investment for us. I realize that we are probably not Rocket Theme's target client because we've dove in and customized the index files and style sheets in the two templates we have used, and I think Rocket Theme's aim is for people to not have to do that in order to get a nice template; however, we were hoping that using Rocket Theme templates would not only provide us with some nice site functionality, but would also save us some time in our development process.
The biggest problem I have seen with the templates thus far are the atrocious style sheets. I have found it a painful, slow, and tedious process to edit any of them. They are not well organized nor are they legible. In my humble opinion it is much easier to edit a style sheet if it is organized by selector as opposed to property. For example, instead of
#header, #main-col, #footer, .moduletable, .menu {color: #ffffff;}
use
#header {color: #ffffff;font: 12px arial;line height: 14px;}
#main-col {color: #ffffff;font: 14px verdana;line-height: 16px;padding: 10px 15px;}
and so on.
In terms of legibility, this is better:
#header {
color: #ffffff;
font: 12px arial;
line height: 14px;
}
#main-col {
color: #ffffff;
font: 14px verdana;
line-height: 16px;
padding: 10px 15px;
}
I realize much of this comes down to preference, so the exact outcome is not my main point. Style sheets that are better organized and readable are my point and then maybe it would make sense for us to continue using Rocket Theme templates.
Dan Hall - Last Edit: 16 years 1 month ago by Fusion.
-
-
-
- Sam Taylor
- Elite Rocketeer
- Posts: 523
- Thanks: 0
-
While I agree that it can be cumbersome to pull apart a CSS file, they group alot of stuff to condense the style sheets down to something a bit more managable.
It's not that hard to modify templates to your liking. I also opt to ungroup alot of things while I am rebuilding then simply eliminate any other styles that are obsolete or not needed.
Trust me, you made a great investment cuz the time it would take you to do it from scratch AND test across browsers would cost alot more time and money than the membership.
ALSO, you get AWESOME support. So, ask away my friend and your problems will be solved.
Good luck. - Great Links:
Tips Tricks and Tutorial Links
phpbb3 How To: Add a new module position
Top Tips For Support
rokBox Login
-
-
-
- Yves
- Preeminent Rocketeer
- Posts: 9214
- Thanks: 5
-
With CSS editors such as
CSSEdit
, you can Re-Indent or Re-Indent With Spacing all css at once.
#searchmod .inputbox {width: 233px;height: 18px;border: 0;padding: 4px 0 4px 5px;float: left;}
will become
#searchmod .inputbox {
width: 233px;
height: 18px;
border: 0;
padding: 4px 0 4px 5px;
float: left;
} - Yves
-
-
-
- Andy Miller
- Preeminent Rocketeer
- Posts: 9919
- Thanks: 96
- Web Kahuna
- CSS files are condensed to make the page loads as fast as possible while trying to maintain as much legibility as possible. This is often a tricky balance to maintain because adding more legibility makes files larger and more cumbersome, and making files very small reduces legibility.
-
-
-
- Fusion
- Rocketeer
- Posts: 74
- Thanks: 0
-
Yves wrote:
With CSS editors such as CSSEdit , you can Re-Indent or Re-Indent With Spacing all css at once.
Yves,
I didn't realize that could be done. Thanks for the info. I use BBEdit . I looked into it a bit a found where I can remove line breaks, but when I try to add line breaks it doesn't do anything. These functions are for soft-wrapping and hard-wrapping so that may be different than what you are talking about. Do you know much about BBEdit and if it can do what you are referring to?
Dan
-
Time to create page: 0.054 seconds