SOLVED background image in the header
-
-
- beamaria
- Elite Rocketeer
- Posts: 513
- Thanks: 6
-
I'm working on local with the latest Gantry framework and template.
The base is preset 3, now renamed to mypresets after my personal customisation.
I've a Roksprocket gallery (only images) in header-a position and mainmenu in header-b position, just beside the gallery. I'd like to change the dark header to a texture image, but I'm not sure:
1) in which folder I must put my image
2) which css code I must use
3) if in a future I update the gantry fw, all my changes willl be saved? and where?
Thanks! - Last Edit: 11 years 7 months ago by beamaria.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
1. up to you - anywhere you like
2. without seeing your site it is difficult to adivse you.
3. see below...
As GANTRY4 now incorporates LESS. There are two recommended methods for dealing with your custom changes to the template.
-
1. For those of you that want to stick with traditional CSS, you can simply create a file called "
-
2. For those of you that want to use the power of
Do not change the CSS files in the compiled-css folder as these changes will be lost whenever Gantry 4 detects a change in a LESS file, or the cache gets cleared.
For more information on LESS please see the documentation on Gantry 4 at http://www.gantry-framework.org . Also, see this tutorial http://www.rockettheme.com/forum/index.php?f=662&p=860738&rb_v=viewtopic#p860738 .
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- webarnes
- Sr. Rocketeer
- Posts: 107
- Thanks: 6
-
You can upload your background image via the media manager in the joomla administrator.
You can then directly edit the css to access the image. Include the location of the image -
./images/my-folder/my-bg-image.png
Follow MrT comment ^ for editing your css files.
Regards,
William - -- William
-
-
-
- beamaria
- Elite Rocketeer
- Posts: 513
- Thanks: 6
-
Thanks William,
I know how to upload my image in joomla, but my problem is different: I want to know how to attach the screenshot of my header in this post....
and I 've have the same problem in another post of this forum, concerning a wrong layouts with 4 columns roksprocket mosaic
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
To attach a screenshot to a post: Just click on the orange button "Post reply" (not that hard to find) ... it will give you an option for uploading your files.
The place inside a css file doesnt matter (in most cases).
To make it easier for you to find stuff again ... add your lines at the end of the file your are working on.
It doesn't matter wich css file that is ... it just needs to get loaded.
Since you seem to be new to webdesign I suggest to create a custom css file.
In Gantry 4 all you need to do for that is create a file "template-name"-custom.css in the css folder of your template. So that would be "gantry-custom.css" in the basic gantry template.
Never change a thing in libraries/gantry ...
Never change a thing in css-compiled ...
The custom folder has nothing to do with css ...
Since you have a valid membership read this also
www.rockettheme.com/forum/index.php?f=66..._v=viewtopic#p861222
And of course work yourself through the docs on www.gantry-framework.org
www.gantry-framework.org/documentation/j...-a-custom-stylesheet
-
-
-
- beamaria
- Elite Rocketeer
- Posts: 513
- Thanks: 6
-
Thanks Henning,
the link to post:
www.rockettheme.com/forum/index.php?f=66..._v=viewtopic#p861222
doesn't let me in, ("you are not authorized to read this forum" message), maybe because I've a membership only for extensions, not for templates.
Now I'll try to read again all the material and understand the right procedure to display the bg image in my header
Sorry to make a nuisance of myself, but no one was born master in something!!
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
Basically Dan in that link explains what the different folders are for.
And yes you need to have a valid joomla membership for that link.
We all started a some point.
-
-
-
- beamaria
- Elite Rocketeer
- Posts: 513
- Thanks: 6
-
Mmm, i suppose that changing the bg image is beyond my capabilites...
I created a custom css file in css folder of my template and wrote this:
#rt-header .mysite/images/my-bg-image.png
then I cleaned the browser cache ...but no result
Then I wrote this:
#rt-top-surround .mysite/images/my-bg-image.png
same procedure , but no result
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
that's really an absolutly wrong syntax.
Syntax has to look like this
www.w3schools.com/css/css_background.asp
-
Time to create page: 0.064 seconds