Header H2 CSS being overridden

  • Resolved InHouse

    (@inhouse)


    14 years, 3 months ago

    Hello, I am looking for a couple of suggestions on my nearly done temporary website for a client of mine. I see that my header H2 color is being overridden by something making it appear #111111 when it should be #A11F00. I cannot find what is overriding it though. I’ve looked in the style.css, functions.php, header/footer/php, etc with no luck. I originally used a basic theme which had a user control panel but I found that it would constantly override my CSS so I deleted it in the functions.php. I’m not to the point where I feel comfortable writing CSS from scratch or I would prefer to do that.

    I also have a situation with my header. I may not have set this up correctly, but I have a table set up in the header.php file in order for me to have a header image WITH the Facebook logo (Twitter to come). I didn’t know how else to overlay a Facebook logo on my header next to my menu. The problem is, my slices are not lining up all of a sudden. I have re-sliced, re-uploaded, etc with no success.

    Any help would be greatly appreciated. I’m learning this stuff with no help locally, just forums, and Google searches. Thanks!

    https://riverparkgrille.com/wordpress/

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

  • I downloaded the Basic Simplicity theme which is what you are currently using on your site. The theme does contain a style.css stylesheet, however the theme author recommends using the Edit Basic Simplicity page located under the Appearance menu to make changes to the stylesheet.

    Looking at the Edit Basic Simplicity page you have the option to add Custom CSS at the bottom of the page.

    So you would do something like

    #content h2{color: #A11F00}

    in the textarea provided in order to change the color of the H2 heading.

    a:
    your link to the stylesheet is wrong – it should contain the /wordpress/ folder path;
    no idea how you did it, however, ‘normal’ wordpress method wouyld be:
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

    b:
    there are embedded styles in the head area, probably from header.php; one of them is :
    h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a { color: #111111; }

    these could be overwriting your h2 style.

    The link is not wrong, the author of the theme intentionally setup the theme as the way it is. If the original poster follows my instructions they should be able to modify the colors how they want to.

    @jarretc:

    the link to the main stylesheet style.css is wrong –
    the site is based on ‘https://sitename.com/wordpress/…&#8217; and the link to the stylesheet points to ‘https://sitename.com/wp-content/themes/…&#8217;
    it results in a ‘404’ instead of a stylesheet:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
	    <title>404 Error - Page Not Found</title>
	</head>

	<body>...

    (form the ‘edit css’ area of the firefox web developer add-on)

    the embedded styles might be from the way you refer to; then it might be down to editing these styles to get the right font color for h2.

    Thread Starter InHouse

    (@inhouse)

    Hey guys, thanks a lot for the help. The theme author did set this up for a basic user who wouldn’t be modifying the CSS so there was a basic editor set up in the admin. I had deleted that from functions.php to try to remove the overriding CSS. So that basic editor is no longer in my admin. JarretC is right in that sense.

    Last night when I was leaving the studio the site crashed. I couldn’t even get into the admin so this morning I had to reinstall WordPress. In doing so I have lost all my posts and pages and a lot of my CSS is again being overridden. I need to go through it all again and hopefully that H2 is fixed in the process. Next time I’m not using a theme. This has proven to be a pain in the ass.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header H2 CSS being overridden’ is closed to new replies.