CSS Problems

  • Resolved paragamer09

    (@paragamer09)


    16 years, 1 month ago

    Ok, I think this is a CSS problem, I’ve been doing some design on my site https://paragamer.com , if you head over there and take a look, you might notice that the text saying editor’s picks is different to the texts saying reviews and editorials etc… I want the text saying reviews and editorials to look like that in editor’s picks.

    They are all in between <h5> and </h5> tags

    The CSS for these tags is:

    h5 {
	font:1.1em Arial;
	font-weight:bold;
	background:#800000;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

    Anyone have any idea why the text is appearing thicker in reviews and editorials than editor’s picks?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)

  • h5 indicates a “Header” text format. The code you have controls ONLY that text size. You should also have code for body text, and h1 through h4 text, and possibly others depending on your themes styles.css file.

    There are a couple of ways to address this, but maybe the simplest is to find the following code in style.css in your theme:

    #leftcol {
width:285px;
	background:#fff;
	padding-top:10px;
padding-bottom:10px;
padding-right:5px;
padding-left:0px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;

    and delete the line font-size:1.05em;

    Then scroll down a little further and you will see a #rightcol { with very similar styling…delete the same line there.

    Thread Starter paragamer09

    (@paragamer09)

    Thanks, that worked a treat!

    How did you look at my whole stylesheet though ?

    Cheers

    Firebug add on for Firefox.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Problems’ is closed to new replies.