WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Kubrick Header (6 posts)

  1. Guzzo
    Member
    Posted 6 years ago #

    Hello all..

    I have a very simple blog and am using the default WordPress theme.

    I've added an image using Kubrickr, but I want the text name to change color when someone hovers over it.

    So, I've added the following code in the style css.

    #header a:hover{color:#F8F8F8;}

    This works just fine when I'm using Firefox, but doesn't change color when I'm using IE or Netscape.

    Does anyone know a different way to code it so it'll work with all browsers? TIA.

    Mike

    http://pharmazyservices.com

  2. mendezki
    Member
    Posted 6 years ago #

    It doesn't work in my Firefox either, but, the solution would be to use

    #headerimg h1 a:hover {
    color: #f8f8f8;
    }

  3. Guzzo
    Member
    Posted 6 years ago #

    Thanks mendezki.. worked like a charm.

    If I could ask you another question about the same header..

    I used left-side placement code with padding to adjust the title text to the position where I currently have it placed with the image.

    h1 {
    font-size: 2.4em;
    text-align: left;
    padding: 0px 0px 0px 40px;
    }

    However, when the page first loads, I notice that the original blue background, with a left-justified title name shows up for about half-second before the image with adjusted text does.

    Am I missing coding somewhere else or is this just a normal function of the theme?

    Mike

  4. mendezki
    Member
    Posted 6 years ago #

    Usually it takes a little while for an image to load, or sometimes even for the css to 'kick in'.

    Getting rid of the blue background color of your header div would take care of the blue 'flash'.

    Looking at your css file I noticed you have your #header css properties defined in two places, line 37 and line 227. Although not a big problem, it's a good way to lose track of what you are doing ; )

    (For further inspection and editing of your css files I'd recommend using the Firebug add-on for Firefox.)

  5. Guzzo
    Member
    Posted 6 years ago #

    Thanks again for the advice, I added Firebug... very handy.

    The Kubrick style.css header came with the theme "as is". I'm not sure why the #header css properties are defined in two places. I've only altered the two items I'm asking questions about.

    But, I'm still wondering why the title text aligns left when the original blue Kubrick background flashes, even though I have the padding set to align where it is in the header picture?

    Do I need two adjust the padding somewhere else?

  6. Guzzo
    Member
    Posted 6 years ago #

    Welp.. still can't get it to work in IE, but I'll keep at it.

    I'm going to mark this message resolved, but if anyone wants to chime in, I'm all ears. Thanks.

    Mike

    http://pharmazyservices.com

Topic Closed

This topic has been closed to new replies.

About this Topic