Help on changing color on Autumn...

User 2741647 Photo


Registered User
37 posts

Hello, I'm sorry for all these questions. But I have 1 more that came up. I'm trying to change my theme, (Autumn Theme), to be more manly colors I guess. I'm trying to change the bar where my navigation ul is. It's a tealish color and I'm trying to change it to a gray. But when I open the default.css and I change a color, but it doesn't work. Any advice? :)
User 187934 Photo


Senior Advisor
20,271 posts

Hi Crazy,
Can you publish and let us have a look?:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2741647 Photo


Registered User
37 posts

Eric Rohloff wrote:
Hi Crazy,
Can you publish and let us have a look?:)

http://kevinsbodyandpaint.coffeecup.com/ there's my site
User 271657 Photo


Ambassador
3,816 posts

That teal strip is a part of the entire background image:
html {
background: url(../images/body_bkgd.png) repeat-x;
background-color: #32423E;
padding: 0px 0px 40px 0px;
text-align: center;
}

If you remove that image, you'll see all the site elements on a plain white background.
You could change the background image colors –or just the teal strip in Photoshop (or similar), then save it in the same location under the same name.

The <h> tags, buttons and footer backgrounds are the same teal #6f856c, so you would want to change those to your new color as well.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2741647 Photo


Registered User
37 posts

paintbrush wrote:
That teal strip is a part of the entire background image:
html {
background: url(../images/body_bkgd.png) repeat-x;
background-color: #32423E;
padding: 0px 0px 40px 0px;
text-align: center;
}

If you remove that image, you'll see all the site elements on a plain white background.
You could change the background image colors –or just the teal strip in Photoshop (or similar), then save it in the same location under the same name.

The <h> tags, buttons and footer backgrounds are the same teal #6f856c, so you would want to change those to your new color as well.

Thank you! Now I have one more question that goes along with that. If you see that the words in the navigation bar. (Home, About, Services, ETC.), they are yellow. I want to change them to a blue, #3131c5, but when I change:
/*a:link {
color: #3131c5;
outline: none;
text-decoration: none;
}

a:visited {
color: #990000;
outline: none;
text-decoration: none;
}*/
It still stays the same. Even with the color changed, (It is changed in the example above). How do I make it my color?
User 122279 Photo


Senior Advisor
14,648 posts
Online Now

Crazy, do you have those /* */ around the link styles as shown in your post? They need to be removed for the styles to take effect.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2741647 Photo


Registered User
37 posts

Inger wrote:
Crazy, do you have those /* */ around the link styles as shown in your post? They need to be removed for the styles to take effect.

Oh! Thank you! I'm relatively new to HTML and CSS. Thanks!!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.