despite all suggested css changes h1, h2, h3, etc stay in default orange color
rweiss - July 20, 2008 - 02:17
| Project: | Four Seasons |
| Version: | 6.x-2.0 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
I have worked through the Four Seasons support Q and A's and done all the suggested things for changing colors. It works for everything except the header tags (h1, h2, h3, etc).
No matter what my them stylesheet says, and my changing the template.php default color to my preferred choice, things just stay orange in the h1 et. al. tags.
Where Oh Where do I get to change this color?
Rick
#1
This is exactly what I was trying to do, for h1, and I have exactly the same problem. From what I've seen, it seems that the following CSS code is embedded in every page:
#header-image {background-color:#FF9900;
}
h1, h2, h3, h4, h5, #headline a {
color:#FF9900;
}
The embedded style is overriding the external style.css and this is the reason why any attempts to modify any of the above properties in the externat stylesheet will fail. Unfortunately I don't know what to do next, as stopping the template from generating this embedded code is way over my head. If anyone has better knowledge in CSS, please give a helping hand :). Thank you.
#2
I have some updates. Even though I have never ever written a letter of PHP code, I suppose that the following code in page.tpl.php gets the color from some place, and then sets the h1, h2... etc the same color:
<style>#header-image { background-color: <?php print theme_get_setting('fourseasons_basecolor') ?>; <?php if(theme_get_setting('fourseasons_basecolor') != '#FF9900') print 'background-image:none;' ?> }
h1, h2, h3, h4, h5, #headline a { color: <?php print theme_get_setting('fourseasons_basecolor') ?>; }
</style>
I have deleted this code, and modified the style.css as follows:
/******************************************** ********** ********** **********/
/********** Main Style ********** ********** ********** **********/
/******************************************** ********** ********** **********/
h1 {
margin-top:0px;
margin-bottom:0.5em;
color:#006699;
font-size:130%;
}
h2, h3, h4, h5, #headline a {
margin-top:0px;
margin-bottom:0.5em;
color:#FF9900;
}
h2 {
font-size:130%;
}
h3 {
font-size:120%;
}
My modifications are rendering the header text smaller, because I have previously increased the body text size to 80%, AND now I have h1 blue. Hope it helps,
Vially
#3
Finally! Yep - deleting the style instruction in the page.tpl.php file allowed the stylesheet to be "in charge"
I had tried editing that file with the colors I wanted, but for some reason that never took.
Thanks!
Rick
#4
Yes, thank you! That fixed the problem.
#5
@Vially, @trostle: it gets it from the theme settings. Drupal 6 allows themes to implement their own specific settings. For Four Seasons these settings can be found at admin/build/themes/settings/fourseasons ... it implements the farbtastic color picker to pick a base color... the default is orange...
I know that the theme settings are pretty much hidden, but thats a drupal usability problem ;-)