Title: CSS Driving me Batty :( Last modified: August 18, 2016 --- # CSS Driving me Batty :( * [samzuni](https://wordpress.org/support/users/samzuni/) * (@samzuni) * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/) * I have been racking my brain on the wp-layout.css file and the index.php file to attempt to change the font family of The Loop’s ‘storycontent’ to be more readable and have not been able to find the magic key. I’ve changes lots of other thing but for some reason this eludes me, being a noobie and all. 🙁 I’m sure it’s something dirt simple that I have overlooked… Viewing 9 replies - 1 through 9 (of 9 total) * [midori](https://wordpress.org/support/users/midori/) * (@midori) * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-105941) * .storycontent { font: _fontname_; } or .storycontent { font-family: _fontfamily_;}? With !important to overule other settings ? [http://www.w3schools.com/css/css_reference.asp](http://www.w3schools.com/css/css_reference.asp) * Thread Starter [samzuni](https://wordpress.org/support/users/samzuni/) * (@samzuni) * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-105948) * Darn, that didn’t work. Was hoping adding the !important declaration would do the trick, but no dice. This is what I currently have with the !important added:. storycontent { font-family: Times, sans-serif, serif; font: Times, sans-serif, serif; !important; } I even tried both at the same time as above but same result. Also tried changes in the .body but no dice there either. Somewhere I am missing how this is nested, I guess. BTW, talk about fast response. The first post had been read 4 times and my finger was barely off the Post button. Whew! * Thread Starter [samzuni](https://wordpress.org/support/users/samzuni/) * (@samzuni) * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-105955) * Thanks midori and podz. I never use the ‘p’ correctly by rarely closing it, so tend to forget. That made all the difference, and I left it right below the two. storytitles so as to keep them grouped together. I love this forum… * Thread Starter [samzuni](https://wordpress.org/support/users/samzuni/) * (@samzuni) * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-105959) * [Here is the end result](http://e-zuni.com/wp). I spaced the letters a bit also to make it a bit more readable: .storycontent p { font-family: Times, sans-serif, serif; font: Times, sans-serif, serif; font-size: 12pt; letter-spacing: 0.001em;} Don’t think both lines for the font are necessary, but I just left them there as they aren’t hurting anything. * [Mark (podz)](https://wordpress.org/support/users/podz/) * (@podz) * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-105960) * Just a thought- if you ever use a list in a post, it probably will not be displayed the same, and you might want to do a test post with them, and blockquote while you are playing with the css. * Thread Starter [samzuni](https://wordpress.org/support/users/samzuni/) * (@samzuni) * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-105961) * Good Idea! Actually, I haven’t used many of the markup code during posts. Will give me something to do 🙂 I’m having a ball with this, and enjoying the challenge. Thanks! * [moshu](https://wordpress.org/support/users/moshu/) * (@moshu) * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-105962) * [@samzuni](https://wordpress.org/support/users/samzuni/), the wise internet gurus say that you should have for fonts a few types (e.g. {Times, Georgia, “ New Times Roman”}) in the order you would like them to be chosen, in case the first doesn’t exist on the visitor’s machine; then a more generic family, like“ serif” for this group. So, on the other hand, if you have a list of font types like {verdana, helvetica, arial} you would add as the generic type for them “ sans-serif”. What I mean: the `Times, sans-serif, serif;` doesn’t really make sense for me – you either want serif fonts or sans-serif. * Anonymous * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-106138) * Alternatively, you can put the class attribute directly in the tag:

This way you can assign the class to any text element. The extra‘ p’ in the CSS reference would only apply to paragraph elements within the enclosing storycontent element * [Root](https://wordpress.org/support/users/root/) * (@root) * [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-106204) * Just on the fonts; once you are fixed on serif or sans serif the gurus also try and offer one font for each OS in turn which is similar and likely to be available on Macs / Windows / Linux. Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘CSS Driving me Batty :(’ is closed to new replies. * 9 replies * 6 participants * Last reply from: [Root](https://wordpress.org/support/users/root/) * Last activity: [21 years, 6 months ago](https://wordpress.org/support/topic/css-driving-me-batty/#post-106204) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics