• Resolved technotink

    (@technotink)


    Hi, I changed the Google Font in Meteor, and it affected the button fonts in the Slider. How do I increase the size or change the font for the text in the terra slider slides? I can’t find documentations. What is it related to in Font typography in Meteorite?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author terrathemes

    (@terrathemes)

    Hi,

    you can change the slider font size with this CSS. You can also add the font-family there.

    .parallax-text .header-image-heading {
      font-size: 60px; /* Slider heading */
    }
    .parallax-text .header-image-text {
      font-size: 30px; /* Slider text */
    }
    .terra-themes-slider-controls {
      font-size: 45px !important; /* Slider arrows */
    }
    .parallax-text .terra-button, .parallax-text .terra-button.border, .parallax-text .meteorite-button, .parallax-text .meteorite-button.border {
      font-size: 18px; /* Slider buttons */
      line-height: 1.55;
    }

    Please tell me if this solves your issue or whether you need further assistance.

    • This reply was modified 3 years, 8 months ago by terrathemes.
    Thread Starter technotink

    (@technotink)

    that worked! thank you soo much!

    Theme Author terrathemes

    (@terrathemes)

    That’s great!

    If you like my theme, I would really appreciate your review ??

    I will mark this topic as resovled. Feel free to ask any further questions in a new topic.

    Thread Starter technotink

    (@technotink)

    Actually noticed the product enquiry button is having same issue?
    how would I fix that.

    see bottom of this page:
    https://impactika.com/product/pena-blanca-spring/

    Would love to make a review! will do it once I get the site and see if this theme works for our needs! I think it does.

    Theme Author terrathemes

    (@terrathemes)

    For this button you have to modify this CSS rule:

    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce input.button.alt {
      font-size: 25px;
      line-height: 1.55;
    }
    Thread Starter technotink

    (@technotink)

    Perfect that lets me change the size. Any way to control the font type for the button? Seems the “Read More” is a perfect clear font, but the “Make an Enquiry” button is leeching off the same font as the headings. Thoughts?

    Theme Author terrathemes

    (@terrathemes)

    If you want to change the font family of all buttons, this is the CSS:

    input[type="button"] {
      font-family: 'Source Sans Pro', sans-serif !important;
    }
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Button Fonts in Terra Slider’ is closed to new replies.