Still Viable? Tutorial - How to Add Custom CSS File
-
-
- Peter W
- Jr. Rocketeer
- Posts: 44
- Thanks: 0
- Pete
-
Still trying to get a gantry looking good, as new to the system and rocket...
Reading this > www.rockettheme.com/forum/index.php?f=39...06162&rb_v=viewtopic
and it is from 4 years ago?
And it is not anywhere near this stuff about LESS ?
www.gantry-framework.org/documentation/j...advanced/less_css.md
What to believe please? Or am I confused?
Thanks...Pete - Miles of Smiles!
Pete
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
this is the link you should read
www.gantry-framework.org/documentation/j...custom_stylesheet.md
-
-
-
- Peter W
- Jr. Rocketeer
- Posts: 44
- Thanks: 0
- Pete
-
Henning wrote:
Thank you !! My other immediate issue is to change header background image from what it is... what is the noise.png (I think) do? And somewhere, I saw some repeat things about it..
Thanks again,
Pete - Miles of Smiles!
Pete
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
-
Which template are you using?
One more thing, i think you should read and learn this: www.rockettheme.com/blog/coding/1767-bas...omizing-with-lesscss
It will help you a lot
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it
- DanG
-
-
-
- Peter W
- Jr. Rocketeer
- Posts: 44
- Thanks: 0
- Pete
-
prim wrote:
Which template are you using?
One more thing, i think you should read and learn this: www.rockettheme.com/blog/coding/1767-bas...omizing-with-lesscss
It will help you a lot
Sorry for late reply, and thank you...and now it seems like we are making dome ground.
1) Gantry, hence this link in Original post "which was a sticky" www.rockettheme.com/forum/index.php?f=39...06162&rb_v=viewtopic and it seems like "WE" are all in agreement? It is no longer a viable answer? Especially for G 4 ?
Possibly re-title it, [as information is for older versions?] I feel as like myself, people see that and spend time on something no longer pertaining? [ thank you ] And may this thread when condensed become a "newer help" system for others.
2) Yes, the 2 links provided so far have helped greatly in understanding and I have read thru them and getting ready to "apply" some of it.
Now, I just opened up the one in question in which I am working on, and it was LIVE so I downloaded /template/gantry file for now.
In there I see somehow self-generated /less files...and I did not create them.
Please keep in mind, these are generated 12/4 and with so much attempting to do other things (until the above 2 links given) I can not remember WHAT THREADS they came from, but I have been reading 'solved threads' and now it looks like everything has been a waste.
The files that are in the directory /less all have *_old.less now, and it is not something I generated. The only modification I had made was from where a thread said for modify static full image background.
I wanted the whole site...for this one, as well as simply put a header image in another site.
/** * @version $Id: style.less 9769 2013-04-26 17:40:14Z kevin $ * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only */ // Core /* This was Original body { background: @bodybackground; color: @bodytext; } */ /* Added 1/17/2014 */ body { height: 101%; background: url no-repeat fixed center center transparent; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: @bodytext; } - Last Edit: 8 years 11 months ago by Kat05.
- Miles of Smiles!
Pete
-
-
-
- Peter W
- Jr. Rocketeer
- Posts: 44
- Thanks: 0
- Pete
-
/* 11:04am Update */
Added per webpage tutorial:
I created (2) Showcase A and Showcase B
1) Created file called gantry-custom.css and it resides in templates/gantry/css as per tutorial
here:
www.gantry-framework.org/documentation/j...custom_stylesheet.md
File contains exact per page:
#rt-showcase .rt-block {padding: 15px 15px 0; margin: 10px 10px 0;}
2) Clear Maintenance: Clear Cache > 'check all' > Delete
3) Purge Expired > Purge Expired
4) Open Site = Inspect Element with Firebug.
.rt-block { margin: 10px; padding: 15px; position: relative; }
Nothing at all changed. Getting dis appointed really, - Miles of Smiles!
Pete
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
Do you have a link to check?
btw. the "old" way of adding a custom css file via writing a gantry feature still works and there are some good reasons to go that way.
Addding a css file via the [template-name]-custom.css in the css folder of the template is in fact a feature that came with Gantry4 because we had many requests for that.
-
-
-
- Peter W
- Jr. Rocketeer
- Posts: 44
- Thanks: 0
- Pete
- This I am trying local, I will now "duplicate" my attempt on a live IP based URL and get it to you. Please do not leave me...smile...allow my about 15 minutes.
- Miles of Smiles!
Pete
-
-
-
- Peter W
- Jr. Rocketeer
- Posts: 44
- Thanks: 0
- Pete
-
Joomla,
1) I have created (2) Showcase A and Showcase B custom HTML
2) Have live on IP and will send PM file was placed in:
/template/gantry/css
3) Super User for you created; - Miles of Smiles!
Pete
-
Time to create page: 0.061 seconds