Default CSS Not Kicking In
Permalink 2 users found helpful
I seem to be having a issue getting the main.css styles to actual style my text. I have a few spots where I specify a specific style that is different than what is in the main.css file. However, there are a few spots where I have the exact same block that has different styles on it. I didn't change a thing with them. Any ideas?
Here is what Firefox gives me relating to the styles.
If the styling relates to text, are you also looking at Typography.css?
Yes, I checked that and everything seems to be in order.
All caching turned off? 'Dashboard->System & Settings->Cache and Speed Settings'
'Hard' refresh your browser(s) with CTRL+SHFT+'R'
'Hard' refresh your browser(s) with CTRL+SHFT+'R'
I tried that and it didn't seem to do anything.
I noticed that on the homepage, the block in question has bold font. On the 2nd page is has normal font. On the 3rd page is has bold, small font. On the other 4 or 5 pages, the font is the same as on the homepage. I also noticed that all those pages have another block, a styled table. I checked the css for the table, and it doesn't have anything specifying bold font.
I am all out of ideas!
I noticed that on the homepage, the block in question has bold font. On the 2nd page is has normal font. On the 3rd page is has bold, small font. On the other 4 or 5 pages, the font is the same as on the homepage. I also noticed that all those pages have another block, a styled table. I checked the css for the table, and it doesn't have anything specifying bold font.
I am all out of ideas!
Is there a public URL we could check out?
In Chrome, right-click on the problem text and choose 'Inspect Element'. On the right side of the window that opens, choose 'Computed Styles'. This will list the css file(s) that apply to that element.Click on the little triangle next to the rule you are concerned about. Some of the rules will be crossed out because those rules are being over-ridden by other rules. The line that isn't crossed out is the css file that's affecting the element. (See Attached)
In Chrome, right-click on the problem text and choose 'Inspect Element'. On the right side of the window that opens, choose 'Computed Styles'. This will list the css file(s) that apply to that element.Click on the little triangle next to the rule you are concerned about. Some of the rules will be crossed out because those rules are being over-ridden by other rules. The line that isn't crossed out is the css file that's affecting the element. (See Attached)
Unfortunately it is not on a public server right now. I have it on a local server because C5 runs faster on a local server while I am developing on my PC.
That is funny, the Computed Style does include a line that says:
It sounds like it is telling me that something is up with typography.css. There is nothing in that file about bold anything. Here is the contents of the css file:
That is funny, the Computed Style does include a line that says:
font-weight: bold; strong, b - bold user agent stylesheet body - normal typography.css:2
It sounds like it is telling me that something is up with typography.css. There is nothing in that file about bold anything. Here is the contents of the css file:
body{font-family:Georgia, Arial, sans-serif} body { /* customize_body */ font: normal normal 13px Georgia; /* customize_body */ /* customize_body */ color: #000000; /* customize_body */ } body#tinymce { color:#3399FF } img {border: 0px} a,a:visited,a:active { /* customize_link */ color: #3399FF; /* customize_link */ } a:hover { /* customize_link_hover */ color: <img src="thumbnail.png" alt="" /> #3399FF; /* customize_link_hover */ } h1,h2,h3,h4,h5{ margin:0px 0px 4px 0px; padding:4px 0px; margin-top:8px } h1{ font-size:21px; line-height:28px }
Viewing 15 lines of 20 lines. View entire code block.
Can you provide a screenshot of the 'Computed Styles' area? It's tough to see what's really going on there when you paste the text contents.
Here it is.
Your browsers internal style is over-riding it. The typography.css is crossed out.
What exactly is the class/id/element you are trying to style? can you provide the HTML of the div containing the text?
(I really wish this was on a public server because I know I could nail it down pretty fast.)
What exactly is the class/id/element you are trying to style? can you provide the HTML of the div containing the text?
(I really wish this was on a public server because I know I could nail it down pretty fast.)
Here is the HTML in the block:
This is what Inspect Code gives me for that div.
<div>“The LORD thy God in the midst of thee is mighty; he will save, he will rejoice over thee with joy; he will rest in his love, he will joy over thee with singing.” -<a href="http://www.biblegateway.com/passage/?version=KJV&search=Zephaniah 3:17">Zephaniah 3:17</a> <a href="http://www.biblegateway.com/audio/mclean/kjv/Zeph.3.17" title="Listen to chapter"><img alt="listen to chapter" src="http://www.biblegateway.com/images/audio/sound.gif" border="0/"></a> <a href="http://www.biblegateway.com/versions/index.php?action=getVersionInfo&vid=9&lang=2"> Public Domain</a><br><br>Powered by <a href="http://www.biblegateway.com/">BibleGateway.com</a></div>
This is what Inspect Code gives me for that div.
Didn't help I'm afraid.
You can try putting
In line 2-ish of typography.css but that will probable make it impossible to style any text in the BODY.
Without access to the site, I'm out of ideas too :-(
You can try putting
font-weight:normal !important;
In line 2-ish of typography.css but that will probable make it impossible to style any text in the BODY.
Without access to the site, I'm out of ideas too :-(
Ok. I might try putting it up temporarily tomorrow.
Right now the web hosting service that is being used is Ready Hosting. It will not allow me to create a database, so I can't install C5 to put the site up. I hate Ready Hosting!!
I ended up switching to a new service. The problem is gone now.
As an overall note, C5 recommends an ID associated with your body tag and styles couched within that to avoid conflict with the C5 style sheets. So, your styles would all be prefixed with the id #MySiteBodyID. It's possible that C5 styles are interfering here.
What does it say about the CSS when you inspect the elements that aren't showing up the way they should?