Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 24, 2017 at 7:05 pm #829147
    afarahani

    Hi Enfold Team!
    I have been asking this question in the forum for many times in the past but no one has offered me a total solution yet. I have an RTL website in Farsi and want to apply a different font to all texts in the website using @FaceFont CSS. I have used the following CSS code but still there are texts that doesnt appear with new font including second level menu in, post tags and author’s name and categories.

    h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, Body, av-main-nav, .main_menu, .sub-menu, .html_mobile_menu_tablet, .av-form-labels {
    font-family: ‘XXXX’ !important;
    }

    .main_menu ul:first-child> li > a {
    font-family: ‘XXXX’ !important;
    }

    @media only screen and (max-width: 767px) {
    #top .main_menu .menu li ul a {
    font-family: ‘XXXX’ !important;
    }}

    Please provide us with a total solution. Is there any code that can change the whole font style in the website. if not, pleat provide a list of all text categories that can resolve this issue for many of us.

    Thanks.

    July 24, 2017 at 7:15 pm #829160
    Yigit

    Hey afarahani!

    You can try using following code 

    body * { font-family: ‘XXXX’ !important; }

    If it does not help, please create temporary admin logins and post it here privately

    Regards,
    Yigit

    July 24, 2017 at 7:40 pm #829173
    afarahani

    Not working. actually with the * it causes all the formatting disappear.

    Please find the login info below.

    July 25, 2017 at 5:56 pm #829724
    Yigit

    Hi!

    I changed the code to following one 

    
#top .main_menu .menu li ul a, #top div .av-light-form input[type='text'] {
   font-family: 'BBCNassim' !important;
}

    Now it is being applied on sub menu items as well however author name and category names seem to be using your font at the moment. If you have not figured those out yet, please point out the changes you would like to make by posting screenshots or links to pages where we can see those elements. You can upload your screenshot on imgur.com or Dropbox public folder and post the links here :)

    Regards,
    Yigit

    July 26, 2017 at 3:43 am #829896
    afarahani

    Still it is not working. I am using the full page overlay burger menu in mobile mode. Maybe the parameters are different in that style!

    I added two more classes to custom css to change the font of author name and category. It worked but had to do some trial and error.

    July 26, 2017 at 1:23 pm #830149
    Yigit

    Hi,

    Sorry i did not realise you meant sub menu items on mobile menu. I changed the code to following one

    .avia-menu-text, #top div .av-light-form input[type='text'] {
   font-family: 'BBCNassim' !important;
}

    It is not being applied on all menu items

    Best regards,
    Yigit

    July 26, 2017 at 7:11 pm #830305
    afarahani

    Thanks Yigit. You did it this time. You can now close this thread. It seems there “is no one line code” with Enfold to do all the works for font styling and we have to add classes one by one to change the fonts.

    bests,
    Amir

    July 26, 2017 at 7:30 pm #830312
    afarahani

    By the way, isn’t it stupid that i have too add every classes I find to CSS to change the font? see below:

    h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, Body, av-main-nav, .main_menu, .sub-menu, .html_mobile_menu_tablet, .av-form-labels, .saboxplugin-authorname, .blog-tags, .comment-container, .date-container, .blog-categories, .submit, .entry-author-link, .blog-author, .button, .text_input, .extra-mini-title, .post-title, .entry-content-header, .search_form_field {
    font-family: ‘XXXX’ !important;
    }

    .main_menu ul:first-child> li > a {
    font-family: ‘XXXX’ !important;
    }
    .avia-menu-text, #top div .av-light-form input[type=’text’] {
    font-family: ‘XXXX’ !important;
    }

    Isn’t really a simpler way? At least you guys can incorporate something for this is the theme!

    July 26, 2017 at 9:41 pm #830349
    Yigit

    Hi,

    You can change it to following

    h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, Body, av-main-nav, .main_menu, .sub-menu, .html_mobile_menu_tablet, .av-form-labels, .saboxplugin-authorname, .blog-tags, .comment-container, .date-container, .blog-categories, .submit, .entry-author-link, .blog-author, .button, .text_input, .extra-mini-title, .post-title, .entry-content-header, .search_form_field,.main_menu ul:first-child> li > a, .avia-menu-text, #top div .av-light-form input[type='text'] {
font-family: ‘XXXX’ !important;
}

    Best regards,
    Yigit

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