CSS will not work in Header Commander

  • Resolved Timothy

    (@seahawknationblog)


    9 years, 7 months ago

    I am using Header & Footer Commander plugin and the css style i input into the CSS box does not appear to be working at all?
    My text size is not working or anything else for that matter
    Website URL is https://www.harbor-cleaning.com

    Here is my CSS

    #headertext {
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 7.6%;
    text-align: center;
    font-weight: bold;
    }

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

  • Your <div> has the class “headertext”, but you’re targeting it in your CSS as if it was an ID. Your CSS should look like this:

    .headertext {
font-size: 40px;
line-height: 40px;
position: absolute;
top: 0;
right: 7.6%;
text-align: center;
font-weight: bold;
z-index: 100000;
}

    You’ll also need to add the z-index so it appears above your page header, which has a z-index of 10000 for some reason.

    Thread Starter Timothy

    (@seahawknationblog)

    I have tried to use a period before and it disappears from the header?

    Thread Starter Timothy

    (@seahawknationblog)

    Oh damn it’s close but not quite, thanks Stephen, much appreciated!

    Thread Starter Timothy

    (@seahawknationblog)

    Thank you again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS will not work in Header Commander’ is closed to new replies.