Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 17, 2018 at 10:00 pm #898694
    bakbek

    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.

    January 17, 2018 at 10:41 pm #898714
    Jordan Shannon

    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

    January 17, 2018 at 10:46 pm #898718
    bakbek

    How should I go about installing the fonts?

    January 17, 2018 at 11:01 pm #898735
    Mike

    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

    January 18, 2018 at 1:42 pm #899127
    bakbek

    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?

    January 18, 2018 at 6:25 pm #899238
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    January 19, 2018 at 10:33 pm #899880
    madmanbean

    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

    January 20, 2018 at 2:00 am #899918
    Mike

    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

    January 22, 2018 at 11:46 am #900752
    madmanbean

    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;
    }

    January 22, 2018 at 12:06 pm #900759
    Mike

    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

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