Change footer font, font-size, font weight

  • I want to change the font appearance of a footer word.

    I downloaded css manager. But I cant get the code right.

    .footer-widgets a:hover {
	color: #ddd;
  font-size: 100;
}

    This is what I get when I translate the html to css.

    What am i doing wrong here, anyone?

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

  • Did you want the font-size to be 100px? Also what did you want as the font-weight? The font-weight availability also depends on what font you are using.

    Examples:
    font-size: 100px;
    font-weight: 400;

    400 is normal, 300 is light, 600 or 700 are bold. Or you may use values such as “normal” or “bold” for font-weight as well.

    Also, the selector you have used will act on any link element <a> inside an element with a class of footer-widgets in the hover state.

    Maybe show a link to your site and say which word or element you want to style?

    Thread Starter maria1986

    (@maria1986)

    Thank you for replying.

    the website is https://www.medicinista.com
    I want to change the disclaimer font at the bottom to the same fontstyle is the words above (home, contact)

    Codingninja, I was just trying out with numbers to see of something happened to the font. So I tried 100

    Hey @maria1986,

    Well done for getting your thing in your footer!

    Try this CSS

    div.footer-widgets-1 .entry-title > a {
  font-family: "Roboto Condensed",sans-serif;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 300;
}

    [edit] So did the Genesis folks help out? It looks like you just used a widget?

    Thread Starter maria1986

    (@maria1986)

    Thank you very much martcol!

    No Im still waiting for an answer haha. I figured it out after a lot of trial and error. Yes I just used a widget ??

    I have to figure that css out.

    Why do you put that div. in front ?

    Read up on specificity

    That part of the CSS is called the selctor.

    It means that if there’s div, with a class of footer-widgets-1 in which there’s an element with a class of entry-title and has a child of a then apply this style. That’s more or less it.

    Specificity can provide a way of trumping other CSS rules. A rule with higher specificity will win out on a rule that has lower specificity.

    You might be able to make it shorter but for me that would be trial and error.

    if you just had a selctor with a it would target all a elements.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change footer font, font-size, font weight’ is closed to new replies.