how to change background color in gantry framework

[Olga]

i am using joomla 3 and gantry 4

thank you

olga

[Alex de Borba]

Create gantry-custom.css and upload to /templates/gantry/css, then add on the css:

body {
    background-color: rgb(239, 240, 235);
}

RGB is what I use mostly, but the color you define as you wish. Save and clean cache to view changes.

	Alex de Borba
	CEO & Founder at Atmostfear Entertainment, Inc.
	Developer at Apple Tech and Service

--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to
gantry-framework...@googlegroups.com
To unsubscribe from this group, send email to
gantry-framework-for-j...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Olga]

thank you 

but i dont know how to do that

בתאריך יום שני, 15 באפריל 2013 08:27:14 UTC+3, מאת Alex de Borba:

Create gantry-custom.css and upload to /templates/gantry/css, then add on the css:

body {
    background-color: rgb(239, 240, 235);
}

RGB is what I use mostly, but the color you define as you wish. Save and clean cache to view changes.

	Alex de Borba
	CEO & Founder at Atmostfear Entertainment, Inc.
	Developer at Apple Tech and Service

On Mon, Apr 15, 2013 at 12:15 AM, Olga <medit...@gmail.com> wrote:

i am using joomla 3 and gantry 4

thank you

olga

--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to

gantry-framework-for-joomla-us...@googlegroups.com

To unsubscribe from this group, send email to

gantry-framework-for-joomla-users+unsubscribe@googlegroups.com

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.

[Helgi]

You can connect to your website with a FTP program like Filezilla using the information your webhost gave to you.

Then simply create the file with Coda for mac or Notepad++ for win. You can even use textedit for mac or notepad for win.

It is as simple as that.

[Alex de Borba]

I explained how to do it, so not sure what you mean.

	Alex de Borba
	CEO & Founder at Atmostfear Entertainment, Inc.
	Developer at Apple Tech and Service

gantry-framework...@googlegroups.com

To unsubscribe from this group, send email to

gantry-framework-for-j...@googlegroups.com

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.

[Rookie]

Hi!
I followed the instructions, uploaded the resultant gantry-custom.css file with FileZilla, and it worked like a dream. But of course the header and menu still used the "old" background. While I can change them between "light" and "dark" in the Style menu in the Templates Manager they no longer match my new background. How can I set the background of the header and menu, bearing in mind they use graduated colours?
Thanks.

gantry-framework-for-joomla-use...@googlegroups.com

To unsubscribe from this group, send email to
gantry-framework-for-joomla-users+unsubscribe@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Rookie]

I've answered my own question by reading other posts - apologies for wasting people's time. This post was useful in particular:

https://groups.google.com/forum/?hl=en&fromgroups=#!topic/gantry-framework-for-joomla-users/EIUqUYE9MQo

And, for example: #rt-header { background-color: rgb(255, 255, 225);} allowed me to change the background of the header, although withpout a gradient.

[Helgi]

I'm glad you solved your problem.

The tool I found most helpful in changing the look of the site is simply looking at your website with Chrome (or firebug for firefox) and rightclick on the elements that you would like to change and click Inspect element.

Doing so will show you the .css rules (on the right side), which you can turn on and off or even change the values to see how it lloks. That way you can mess around and find out the look you are looking for before you add the css rules to your gantry-custom.css file. 

ps. one way to make a gradient for the header for example is:

#rt-top-surround {

background-image: linear-gradient(to bottom, #2e5ec7 0%, #1c4ca6 100%);

}

best of luck to you

[Alex de Borba]

If you use the new Mozila with developer tools you find and change the css tags as you please really faster and apply the changes directly. Saves you a lot of time.

	Alex de Borba
	CEO & Founder at Atmostfear Entertainment, Inc.
	Developer at Apple Tech and Service

--

--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to

gantry-framework...@googlegroups.com

To unsubscribe from this group, send email to

gantry-framework-for-j...@googlegroups.com

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.

[Grant Preston]

Alex I am curious what you mean about the Mozila developer tools. Are they different then Safari or Chrome's built in developer tools to inspect element to find your code? Or Firebug for Firefox? Curious if there is a new tool I am unaware of.

Thanks

[Alex de Borba]

Well, for me and specially with the new version coming out with Mozila (http://chrispederick.com/work/web-developer/) is fully packed with goodies and many extras, also works on Chrome but in find it more stable in Mozila. It is Web Developer and not developer tools, its an addon completed with many things which I use it on a daily basis. It kind of speeds up my work and allows me to explore multiple sides of Gantry with a better prespective, one of the reasons I don't post much in here asking for help (even thus, the 2/3 times I posted no one replied) its because I can deploy from scritps to css right on the browser, as well as preview the site for multiple platforms without going asking "how this tage works or so", not blaming who does obviously :)

	Alex de Borba
	CEO & Founder at Atmostfear Entertainment, Inc.
	Developer at Apple Tech and Service

[Serge Billon]

Le 16/04/2013 07:12, Grant Preston a écrit :

Alex I am curious what you mean about the Mozila developer tools. Are they different then Safari or Chrome's built in developer tools to inspect element to find your code? Or Firebug for Firefox? Curious if there is a new tool I am unaware of.

Thanks

Yes there is.

I was like you, just using firebug and perharps webdevelopper.
and one day on my firefox I "rightcliked" on one element and saw "inspect that element" (in french)

This tool could complete the use of firebug. Sometimes it helps.

serge

--

03 83 56 65 20 / 06 87 42 95 30
Création de site internet / Suivi de projets Web
Joomla2.5 le guide pour débutant en français (H.Graf/ S.Billon/ S.Grange)
Version Libre / Epub / Kindle /

[Alex de Borba]

There's many good tools, techniques and alternatives to use in Gantry but it all depends on how much are you willing to try and get out of the normal.

Let me give you a practical example: Regarding Gantry, I think most everyone searches for an extension to embed videos without considering the amount of JavaScript or CSS that the same extension will rely on just to display your videos. Me on the other hand, I implemented SublimeVideo which is just one line of code into Gantry template, then the generated embed code which is really light besides the fact that all videos are hosted on Amazon S3 pulled thru the player, which on its turn allows social sharing targeting the site, plus it also allows embedding on other sites bringing traffic to mine. And if you consider that both are Cloud and have a great load performance not to mention that it requires 0 maintenance, you get more in return that having a player that either pulls videos from your hosting, YouTube or Vimeo without actually be able to share it via social networks, customize it in a way if fits your site visual or even allow people to embed it with your site's logo targeting again, your site.

Well, I am sorry, I went a bit off topic but I guess everyone got the general idea.

Alex de Borba

CEO & Founder at Atmostfear Entertainment, Inc. Developer at Apple Tech and Service

Studient at HootSuite University

Currently available for freelancing works as developer.

--