1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Divi header for multilingual website

Discussion in 'Free Divi Community Forum' started by tiffany.oldani, Oct 21, 2019.

  1. tiffany.oldani

    tiffany.oldani New Member

    Hello,

    I have a dual language website using Divi theme and the Polylang plugin. I want to customise the header with a different font for the non-english version of my site. Could anyone instruct me on how to do this?
     
    #1 tiffany.oldani, Oct 21, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    #2 Divi.Help, Oct 21, 2019
  3. tiffany.oldani

    tiffany.oldani New Member


    Yes, I have the menu items translated. I mean i want to use a different font for the header for the second language. Do you have any advice for this?
     
    #3 tiffany.oldani, Oct 21, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Let's say if your second language page already has the font loaded in the body content, then you just need some custom CSS to change your header font.

    Kindly share your URL.
     
    #4 Divi.Help, Oct 21, 2019
  5. tiffany.oldani

    tiffany.oldani New Member

    Thank you so much. It is loaded in the body content. But is there any way you can advise me without me sharing my URL publicly?
     
    #5 tiffany.oldani, Oct 21, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Without the URL, I'm not sure how Polylang inject custom CSS Class to the body tag.

    It will be something like below:
    Code:
    Log In or Sign Up to view this code.
    **Change YOUR FONT FAMILY to your font.
    **Change polylang-language-body-tag to the one used by Polylang in the body tag.

    Lastly, the above CSS should be pasted in Divi > Theme Options > Custom CSS.
     
    #6 Divi.Help, Oct 21, 2019
  7. tiffany.oldani

    tiffany.oldani New Member


    Is there anywhere in the code I would find the one used by Polylang in the body tag?
     
    #7 tiffany.oldani, Oct 24, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    In the your browser, right click & click Inspect.

    And look at the body tag as per screenshot below:
    **Look for the CSS Class that is related to the selected language.

    upload_2019-10-24_22-19-31.png
     
    #8 Divi.Help, Oct 24, 2019
(You must log in or sign up to post here.)