GetSimple Support Forum

I'm having a problem styling a component called telephone. I have this code in the header:
<div id="header">
<div id="telephone"><?php get_component('telephone'); ?></div>
---and the css style is:
#telephone h3 {
font-family: impact;
font-size: 20px;
color: #FFF;
float: right;
margin: 20px 20px;
}
The component is: <h3>Call us Today on: 0845 123 4567</h3>

But its not affecting the H3 and i don't know why.
All other css styles are fine and only one css file, testing on Cardinal Theme.
Can someone help thanks!

designthing Wrote:I'm having a problem styling a component called telephone. I have this code in the header:
<div id="header">
<div id="telephone"><?php get_component('telephone'); ?></div>
---and the css style is:
#telephone h3 {
...}
The component is: <h3>Call us Today on: 0845 123 4567</h3>

But its not affecting the H3 and i don't know why.

You have probably another more specific rule that overrides this rule. Use Firefox and the Firebug plugin or Chrome (press Ctrl-Shift-I) to find out which CSS rule(s) take precedence.

Hi Mvicek.
I am using Firefox and Firebug and Wamp. Switched on the pc and checked again today and the style IS taking effect. So i'm not sure why now and not earlier. Maybe something to do with Wamp and browser caching, but i'm no expert here.
Thanks for advice.