I want to change the white background behind the logo(and much of the site) to a dark grey. Where is the style sheet located for me to change the hex code?
ThemesHunt
POSTED: 2013-07-22
Hello ALLYCEB,
The template is divided into blocks with different colors. The major blocks in the template (with their css codes) are the following;
Each of these blocks have the background-color defined with an exception to block # 10 with an image as a background.
Now, to change the background behind the logo, you have to ask yourself which block the "logo" is located and the block is #2 i.e #rt-log {} and in container (sub-block) # 3. This means to change the background of the logo you have to locate styles #2 and #3 and change the background- color to the desired, e.g
#rt-log,#rt-log div.rt-container {background: #99999;}
To change the color of the site to dark grey, find all the 12 listed styles above changing their backgrounds to transparent or none. When that is done, find this style within your css and do this
body {background: dark grey;}
Thank you and hope this helps.
allyceb
POSTED: 2013-07-23
That does help but what is the path to the css for me to find where to make these changes? .../templates/gantry/css ?
ThemesHunt
POSTED: 2013-07-23
Hello ALLYCEB,
You are going to make the changes on two css files with the same path
i.e
1. .../templates/gantry/css/master-459e2e8f09af388e04e55be915872cb9
2. .../templates/gantry/css/master-ad817c75d84c76454cb0bb300b843118
Locate the above css files and make those changes.
Thank you.
allyceb
POSTED: 2013-07-23
Okay I was able to change the color. Can I ask why there is two files that are almost identical that I need to change?
ThemesHunt
POSTED: 2013-07-24
Hello ALLYCEB,
Gantry comes with the two files to enable you customize the pages differently on loading, one is assumed to be dark the other lighter version. I kept the design simple by using the same for both.
Thank you.
allyceb
POSTED: 2013-08-11
Hi There,
I have come across a technical glitch on the template layout presets. I can choose any preset and it displays correctly. I can change the header from light to dark, no problem. I can change the font to another font, no problem. But when I go to change the link color, no matter the preset, once I save and reload my site, the main menu loses its grey color and goes white.
I want the main menu to be the grey that is in the demo. My main goal of messing with the link color is I want to change the color of the line that is directly under the main menu but above the Unite Slider to be a custom color.
So I guess my questions are..
1. How do I change the menu from white back to grey
2. How do I change the horizontal line color to a custom color of my choosing. (The line that is #19B69E in the Demo)
allyceb
POSTED: 2013-08-22
I submitted a comment on 8/11 that is still pending. Please advise.
allyceb
POSTED: 2013-08-29
I have come across a technical glitch on the template layout presets. I can choose any preset and it displays correctly. I can change the header from light to dark, no problem. I can change the font to another font, no problem. But when I go to change the link color, no matter the preset, once I save and reload my site, the main menu loses its grey color and goes white.
I want the main menu to be the grey that is in the demo. My main goal of messing with the link color is I want to change the color of the line that is directly under the main menu but above the Unite Slider to be a custom color.
So I guess my questions are..
1. How do I change the menu from white back to grey
2. How do I change the horizontal line color to a custom color of my choosing. (The line that is #19B69E in the Demo)
ThemesHunt
POSTED: 2013-08-30
Hello ALLYCEB,
The style sheets containing these is the menu on the css folder, locate the relevant lines using your editor.
Thank you.
The template is divided into blocks with different colors. The major blocks in the template (with their css codes) are the following;
1. #rt-top {}
2. #rt-log {}
3. #rt-log div.rt-container {}
4. #rt-header {}
5. #rt-slideshow {}
6. #rt-quote {}
7. #rt-showcase {}
8. #rt-transition {}
9. #rt-team {}
10. #rt-newsletter {}
11. #rt-footer {}
12. #rt-copyright {}
Each of these blocks have the background-color defined with an exception to block # 10 with an image as a background.
Now, to change the background behind the logo, you have to ask yourself which block the "logo" is located and the block is #2 i.e #rt-log {} and in container (sub-block) # 3. This means to change the background of the logo you have to locate styles #2 and #3 and change the background- color to the desired, e.g
#rt-log,#rt-log div.rt-container {background: #99999;}
To change the color of the site to dark grey, find all the 12 listed styles above changing their backgrounds to transparent or none. When that is done, find this style within your css and do this
body {background: dark grey;}
Thank you and hope this helps.
You are going to make the changes on two css files with the same path
i.e
1. .../templates/gantry/css/master-459e2e8f09af388e04e55be915872cb9
2. .../templates/gantry/css/master-ad817c75d84c76454cb0bb300b843118
Locate the above css files and make those changes.
Thank you.
Gantry comes with the two files to enable you customize the pages differently on loading, one is assumed to be dark the other lighter version. I kept the design simple by using the same for both.
Thank you.
I have come across a technical glitch on the template layout presets. I can choose any preset and it displays correctly. I can change the header from light to dark, no problem. I can change the font to another font, no problem. But when I go to change the link color, no matter the preset, once I save and reload my site, the main menu loses its grey color and goes white.
I want the main menu to be the grey that is in the demo. My main goal of messing with the link color is I want to change the color of the line that is directly under the main menu but above the Unite Slider to be a custom color.
So I guess my questions are..
1. How do I change the menu from white back to grey
2. How do I change the horizontal line color to a custom color of my choosing. (The line that is #19B69E in the Demo)
I want the main menu to be the grey that is in the demo. My main goal of messing with the link color is I want to change the color of the line that is directly under the main menu but above the Unite Slider to be a custom color.
So I guess my questions are..
1. How do I change the menu from white back to grey
2. How do I change the horizontal line color to a custom color of my choosing. (The line that is #19B69E in the Demo)
The style sheets containing these is the menu on the css folder, locate the relevant lines using your editor.
Thank you.