Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #898694

    Hi, how can I use a specific font for the caption title and a different font for the caption subtitle on a fullscreen slider element?

    I want the caption title to be Reforma Bold and the subtitle to be Reforma Light.

    #898714

    Hey DROR,

    Have you already installed the font you want to use? You should be able to add this to quick css:

    h2.avia-caption-title{
    font-family: your font;
    }
    
    .avia-caption-content.av_inherit_color p{
    font-family:your font;
    }

    Best regards,


    Jordan Shannon

    #898718

    How should I go about installing the fonts?

    #898735

    Hi,
    If it’s a Google font, please read: Register Additional Google Fonts for Theme Options
    If it’s another font that you downloaded, please read: http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/

    Best regards,
    Mike

    #899127

    Hi Mike, I followed the instructions and uploaded the fonts to the site and implement the CSS code but the font that is now showing is not the font I want.

    What did I miss?

    #899238

    Hi,

    Is the font not being recognized at all? Have you tried to add !important; to the font declaration?

    Best regards,
    Jordan Shannon

    #899880

    Have exactly the same problem and have added the css as below. I wish to have the h2 heading for the full screen slider but it has no effect

    h2.avia-caption-title {
    font-family: Fira Sans, Arial, sans-serif;
    }

    even adding !important has no effect

    #899918

    Hi,
    Perhaps try clearing your browser cache or any cache plugin. To test the code I tested this built in Google font on my full screen slider:

    h2.avia-caption-title {
    font-family: Lobster !important; 
    }

    2018-01-19_185757
    Give this a try to check.

    Best regards,
    Mike

    #900752

    well I tried that using the same font and also added a colour to see if the css was having any effect and it does not!

    tried /* header slider caption font */
    h2.avia-caption-title {
    font-family: Lobster !important;
    color: #red !important;
    }

    #900759

    Hi,
    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Mike

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.