Font change and footer icons

  • Resolved ayush1989

    (@ayush1989)


    9 years, 10 months ago

    Hi Kadence Team,

    Just had two quick questions:
    1. Is it possible to use a different font for the text only in the body of the home page using css or html? I’m unable to use the font-family css property within a span tag to establish the same. I was trying to switch to the google fonts already bundled with the virtue theme. The default font Lato overrides the font that I’m trying to use on certain text on my home page.
    2. Is it possible to display the visa and mastercard logos just beside (to the exact right of) the copyright text in the footer?
    I’m sorry I won’t be able to provide the link to my page for the time being. Any help would be greatly appreciated. Thanks!

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

    (@hannahritner)

    Hi!
    1. Try using some css like this:

    .home p {
  font-family: fantasy;
}

    Just replace the font and paste into your custom css box in theme options > advanced settings.

    2. How are you adding the visa and mastercard logos? Does it work for you to paste them directly into the footer credits box in Theme Options > Misc Settings?

    Hannah

    Thread Starter ayush1989

    (@ayush1989)

    Thank you Hannah! You are awesome! The second solution works perfectly and I wouldn’t ever have guessed it. However, the first one doesn’t seem to work although I modified it a bit. I changed it to:

    .home h2 {
    font-family: “Montserrat”, Georgia, serif;
    }

    The homepage displays h2 headings in Georgia font and not the google font Montserrat mentioned. Is there a way to use Montserrat font on the H2 tags only on the homepage?

    Thread Starter ayush1989

    (@ayush1989)

    I’m using default fonts (Lato) for the rest of the webpages.

    hannah

    (@hannahritner)

    Try using just this:

    .home h2 {
  font-family: Montserra;
}

    does that work?

    Hey,
    If you aren’t setting the font montserra in your theme options anywhere then it’s not being loaded. So you can’t use it as a font-family since that font isn’t’ available.

    you would have to set at least one font in the theme options as montserra.

    Kadence Themes

    Thread Starter ayush1989

    (@ayush1989)

    That fixed it! Thank you so much! The code above works perfectly once the requisite Google Font is loaded in the theme options menu. Thank you very much again!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Font change and footer icons’ is closed to new replies.