ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
I'd love to see RokStyle for 1.7...
-
-
- Brent Critchfield
- Sr. Rocketeer
- Posts: 131
- Thanks: 7
-
Way back in 2009 Andy published a plugin called RokStyle that allows you to write CSS directly in your article and have it included in the head of the page. Since then I've come to rely on that plugin extensively. Every single one of my client's sites has it installed (30+).
Now with the move to 1.7, the plugin doesn't work anymore. Any chances of getting this updated for the new versions of Joomla? Or can anybody suggest another plugin that does the same thing?
-
-
-
- xtianus
- Elite Rocketeer
- Posts: 500
- Thanks: 0
-
you could try sourcerer it gives you tags of {source}{/source} and allows you to put i think anything inside of that. Make sure your article filtering is turned off for super admin as of 1.6 and 1.7.
Let me know if that works.
-
-
-
- fewleh
- Hero Rocketeer
- Posts: 340
- Thanks: 0
- +1 for sourceror. It's brilliant.
- www.cityinsurance.co.uk
-
-
-
- Brent Critchfield
- Sr. Rocketeer
- Posts: 131
- Thanks: 7
-
Thanks for the input, guys. I'm not sure that's exactly what I'm looking for - from what I'm seeing Sourceror just allows you to put HTML, PHP or CSS in your code without the editor stripping it. I do everything in RokPad, so that's not an issue for me. The advantage of RokStyle is that you write standard CSS just like you would in an external stylesheet, and then it embeds the code in the head of your page. This allows me to write a single declaration like .list-item {...} and have it apply to multiple elements on the page without having to re-write it for each of them. Another plus is that the code only gets loaded on the page it's needed on, so it's not cluttering up the stylesheets.
Any other ideas that would accomplish this? Or does Sourceror do this and I'm just not understanding how it works?
-
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
Whenever I need to override the css for a page I just add it into a module. (of course you can add to an article as well) But I place it in the Popup position which I don't currently use for anything visable. Works for me anyways.
- Last Edit: 13 years 10 months ago by RedRiverBlack.
-
-
-
- xtianus
- Elite Rocketeer
- Posts: 500
- Thanks: 0
-
RedRum wrote:
Whenever I need to override the css for a page I just add it into a module. But I place it in the Popup position which I don't currently use for anything visable. Works for me anyways.
Ahhh so your saying that you can add anything you want to any page this way. Let me ask you... for example if you want to change, lets say, the background... How do you override the background css info that is there already?
-
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
Simple, In Modulus to change my background to an ugly yellow:
<style type="text/css">
#rt-body-bg {
background: none repeat scroll 0 0 #FFFF00 !important;
}
</style>
Example: www.masterspokerleague.com/index.php?opt...&id=11789&Itemid=643 - Last Edit: 13 years 10 months ago by RedRiverBlack.
-
-
-
- xtianus
- Elite Rocketeer
- Posts: 500
- Thanks: 0
-
RedRum wrote:
Simple, In Modulus to change my background to an ugly yellow:
<style type="text/css">
#rt-body-bg {
background: none repeat scroll 0 0 #0D0C0C !important;
}
</style>
Example: www.masterspokerleague.com/index.php?opt...&id=11789&Itemid=643
COOL!!!@!@!@
So is the !important the code that makes it a priority and uses that instead of what is already there?
One last question. the background has for Mercado has a background color and a url photo that is positioned a certain way...
When I do the background code like you have show above will that overide the background color and url or how to i X out the url part too and any other elements that are apart of the templates background.
Thanks in advance.
-
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
Yes, !important; should override the template.css
Easiest way to override the css is to:
1. Download and learn to use FIREBUG (Every webmaster should use this with Firefox)
2. Locate the css using firebug and copy and paste the relevant css you want to override, into the custom module.
If you don't use Firebug you may be there for hours trying to figure out what is what...
-
-
-
- xtianus
- Elite Rocketeer
- Posts: 500
- Thanks: 0
-
RedRum wrote:
Yes, !important; should override the template.css
Easiest way to override the css is to:
1. Download and learn to use FIREBUG (Every webmaster should use this with Firefox)
2. Locate the css using firebug and copy and paste the relevant css you want to override, into the custom module.
If you don't use Firebug you may be there for hours trying to figure out what is what...
Thanks. I use google as I find it more easier to deal with and find what I need. But firebug is just as good I am sure.
I will try it out and post my findings. thanks for the tips.
Can I ask you one more question since you are on a roll. I need to specifically move up my menu about 10 px only on certain pages. when I make the change to template.css it moves all my pages up and that is not what I want. So with your fix I should be able to do it and it will only be on the page I place the hidden module on?
Let me try I will be right back.
-
Time to create page: 0.087 seconds