Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 28, 2017 at 2:34 am #857788
    catchbudapest

    Hi,

    I found several topics on this , but somehow it is not working for me:

    1. I want to change the font-family of a Special Heading, let’s say in “Yellowtail”, so I added the following in the Quick CSS:
    .av-special-heading h1 { font-family: “Yellowtail” !important; }
    But this is not working.

    2. If I have different Special Headings and I want to use different font stlyes for each special heading, how can I do that? (I tried the Section ID in the color section box, but that didn’t work.)

    3. General question: which font-families can I use with Quick CSS? Only the ones available in the drop-down-menu of the advanced styling?
    (adding the font family, as described in the post below, worked:
    https://kriesi.at/support/topic/add-new-font/#post-234710 )
    Or is there a different/easier way, so I could use every available google font (without adding each font family in the drop-down-menu)?

    4. General question: Could I use the style.css in my child-theme folder for the font-modifications as described above?

    Thanks
    Flo

    September 29, 2017 at 5:14 am #858319
    Rikard

    Hey catchbudapest,

    Let’s focus on one problem at a time, where can we see the first problem? Please post admin login details in private so that we can have a look at the backend of your site.

    Best regards,
    Rikard

    September 29, 2017 at 6:37 pm #858566
    catchbudapest

    Hey Rikard,

    see admin login in the private area.
    At the moment I am just experimenting with the site and I bypassed the problem (described in point 1 of my earlier posting) by setting the special heading (in the top colored section) as h6, and changed the h6-heading in the advanced styling to the font-family yellowtail.

    But actually I want to keep the special heading as h1 but have the possibility to use whatever google-font I want e.g. “Indie Flower” (independently from the font-style of normal h1-headings I use in my future blogposts).

    The questions 2-4 I asked to get a better understanding of the topic, since I will come up with similar styling problems and don’t want to bother the support each time… ;)

    BR
    Flo

    October 1, 2017 at 12:13 pm #858880
    Rikard

    Hi,

    Ok, thanks for the feedback. You can use custom CSS to apply your settings, the only settings your can do in the theme options is to select one font, you can’t select several. And yes, you can use style.css or custom.css to apply your own CSS.

    Best regards,
    Rikard

    October 1, 2017 at 9:34 pm #858995
    catchbudapest

    Hi Rikard,

    I am not sure if I understood correctly:

    So it is not possible to use a “font-family 1” in the h1 of ablog post and to use a “font-family 2” in the h1 of a special heading?
    Not even if define a Custom CSS Class for the Sepcial Heading and copy {font-family: “”font-family 2”} in the quick CSS?

    Please confirm.

    BR
    Flo

    October 2, 2017 at 6:21 am #859081
    Rikard

    Hi,

    Yes that is correct, you cannot set more than one font family in the theme options. Using custom CSS you can use any number of fonts you like.

    Best regards,
    Rikard

    • This reply was modified 7 years, 1 month ago by Rikard.
    October 2, 2017 at 12:05 pm #859184
    catchbudapest

    Hi,

    that’s what I am trying to to but it is not working.
    I added for example the google font “Pacifico” as following in the function.php:

    add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
    function avia_add_heading_font($fonts)
    {
    $fonts[‘Pacifico’] = ‘Pacifico:400’;
    return $fonts;
    }
    add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
    function avia_add_content_font($fonts)
    {
    $fonts[‘Pacifico’] = ‘Pacifico:400’;
    return $fonts;

    Pacifico is now also showing up in the drop down menus of the theme.

    Then I set the custom CCS class of the special Header of my front page to “CP-special-headers“.

    and specified the following in the Quick CSS field:

    .CP-special-headers h1{
    font-family: “Pacifico” !important;
    }

    But the only effect is that the font is switching back to Times New Roman instead of Pacifico.

    What am I doing wrong?

    BR
    Flo

    October 3, 2017 at 5:20 am #859466
    Rikard

    Hi,

    Ok, thanks for the description. Can we view the problem somewhere? If so then please post a link and point out the element that you are having problems with.

    Best regards,
    Rikard

    October 3, 2017 at 9:46 am #859535
    catchbudapest

    Hi,

    it’ s the special heading on top of the page saying “LIFE AND LANGUAGE
    IN THE HUNGARIAN CAPITAL”    , can not be missed.
    Page and admin login in the private area.

    BR
    Florian

    October 4, 2017 at 7:32 am #859946
    Rikard

    Hi,

    Thanks for that, though your CSS is working and I can see the heading displaying the font. Please try to clear your browser cache and reload the page.

    Best regards,
    Rikard

    October 4, 2017 at 7:34 pm #860281
    catchbudapest

    Hi,

    also after clearing the cache the special heading is shown only in “times new roman” (instead of the font defined in the CSS), I tested it with different devices.

    I solved the problem now by using the plug-in “use any font”. After uploading the respective font with this plug-in, the heading was shown properly as defined in the CSS.

    BR
    Florian

    October 5, 2017 at 9:53 am #860501
    Rikard

    Hi,

    Ok, glad you found a solution. Though your first method worked on my end. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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