Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1414530

    Hi,

    I would like to use a different font for the text that appears at the beginning of this page: http://adv.studiocampaner.ro/en/
    ”The change through the innovative communication.”

    The text is a H1 special heading, but I do not want to change the font of all H1 texts. Only this one (both in English and Italian languages).

    Thank you!

    #1414612

    Hi tcampaner,

    Please do the following:
    1. Edit the heading, then go to Advanced > Developer Settings > Custom ID Attribute, then put hero-title
    2. If the font you want to use is already included (selected as Heading font, Body text or selected in Advanced Styling) then proceed to step 3.
    Otherwise, you can use some plugins that will include the font.
    3. Go to Enfold > General Styling > Quick CSS, and add this CSS code:

    #top #hero-title {
        font-family: 'myfont', Helvetica, Arial, sans-serif;
    }

    replace myfont with the name of the font you want to use.
    Hope it helps.

    Best regards,
    Nikko

    #1414621

    Hi Nikko,

    Thank you for your reply!
    The font I want to use is „Archivo Black”, but is not working when I change „my font” with it.

    In the Quick CSS I have added this:

    #top #hero-title {
    font-family: ‘Archivo Black’, Helvetica, Arial, sans-serif;
    }

    and tried also this:

    #top #hero-title {
    font-family: ‘archivo-black’, Helvetica, Arial, sans-serif;
    }

    The font is installed via Custom Font Manager and this is what it says:
    Font: Archivo Black ( font-family: archivo-black )
    normal: 400

    Thank you!

    #1414643

    Hi tcampaner,

    To assist you further, please provide us with your login credentials by following these steps:

    1. Install and activate the “Temporary Login Without Password” plugin. You can find it here.
    2. Once activated, navigate to “Users > Temporary Logins” in the left-side menu.
    3. Click on “Create New” to generate a temporary login.
    4. Enter the email address for the account (you can use (Email address hidden if logged out) ) and select the highest possible role. Set the expiry date to around four days to ensure enough time for debugging.
    5. Click “Submit” to create the temporary account.
    6. In the private section, provide us with the URL that allows us to access the temporary login and assist you.

    Please note that once your issue is resolved, you can remove the plugin. Alternatively, if you prefer not to use the plugin, you can manually create an admin user and share the login credentials in the “private data” field.

    If you have any further questions or concerns, please let us know.

    Best regards,
    Nikko

    #1417466

    Hi,

    I have created a new user.

    Thank you very much!

    #1417470

    but on google page you see that the css for it is:

    font-family: 'Archivo', sans-serif;
    font-family: 'Archivo Black', sans-serif;

    so test both

    i uploaded the variable font and there it is only “archivo”

    #1417551

    Hi tcampaner,

    I have added the WP Code plugin to add this PHP snippet (to add the Archivo Font):

    add_filter( 'avf_available_google_fonts', 'avia_add_heading_font');
    function avia_add_heading_font($fonts)
    {
    	$fonts['Archivo'] = 'Archivo:400,900';
    	return $fonts;
    }

    This will add the Archivo font in the Font dropdown.
    You’ll need to add this atleast once, you could add it in Advanced Styling > H1 and that should do the job.
    If you want to use it on other elements, then you can just add this CSS Code:

    #top .element h2 {
        font-family: 'archivo',Helvetica,Arial,sans-serif;
        font-weight: 900;
    }

    Hope it helps.

    Best regards,
    Nikko

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