• Resolved almaraices

    (@almaraices)


    Greetings.

    I want to know how to change the font of the slider text in the Ample theme, my website is https://almaraices.com.ve.

    Is it with CSS? Or do I need to do something else? If it’s CSS, can you give an example of how to?

    Thank you very much.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Depending on what font-family we need for it. This theme is using Roboto font as default, I suppose you want it changes because of some rendering problem? Anyway suppose we only want to change it to some generic default font used in users browser, then we can do this:

    First of all we need to install a Custom CSS plugin, so pick one from this
    https://www.ads-software.com/plugins/search.php?q=custom+css

    and use this code in it

    .big-slider .entry-title a { font-family: serif; }

    or

    .big-slider .entry-title a { font-family: sans-serif; }

    If you want other specific custom font, we need to use another plugin to load that custom font.
    https://www.ads-software.com/plugins/search.php?type=term&q=custom+font

    Thread Starter almaraices

    (@almaraices)

    Thank you very much! I’m sorry for answering late, I will use another font apart from those because I want it to be visible, it’s hard to see them on the first image.

    I will keep this topic open if I need more help. If not, I will close it.

    Again, thank you!!

    Thank you for this Almaraices and Paulwpxp! For the newbies … right after you log into site administration click the “customize” button, then “Design” (on the left), then “Custom CSS”, then enter the code Paulwpxp gave, above. Note his code will only change the font of the main title. To change all the text (including subtitle) use something like this:

    .big-slider .slider-entry-container a {color: #555; text-transform:capitalize;}

    That changed color to dark gray, then changed everything to title-case (which I think is less pretty but easier to read – to me intuitiveness beats cosmetics). It doesn’t change the color of the box that goes around the sub-title. To do that add the following line:

    .big-slider .slider-link-btn a {border: 1px solid #444 !important;}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change the slider text font’ is closed to new replies.