Public Ticket #1249952


  • Eliran started the conversation

    Hello, GREAT theme. works fine!!!!

    How can i add Google font? Can it be easy, maybe CSS?

  •  57
    Joe replied

    The easiest way would be to add the @import tag of your Google fonts into the Appearance > Customize > Additional CSS page/panel. Example:

    @import url('https://fonts.googleapis.com/css?family=Lemonada');

    Then, you would need to target site elements to use the new font, adding the CSS to the same page/panel. Example:

    body {
      font-family: 'Lemonada', cursive;
  • Eliran replied

    Thank you Joe,

    I added the @import into the Additional CSS, like that:

    @import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800&subset=hebrew');

    I want to use the Visual Page Editor and also change specific elements' font. The problem I don't seem to find where exactly i can put this code: 

    font-family: 'Assistant', sans-serif;

    I need more detailed guidance. Thanx!

  • Eliran replied

    Also what's this? Is it a problem?

    Attached files:  ALSO.JPG

  •  57
    Joe replied

    All styles would go in the same Additional CSS panel that you added the @import rule to. If you can tell me which elements you specifically want to have use your Google Font I can give you the correct CSS to add in order to make that update.

    What screen in your dashboard are you seeing the error in the screenshot? Can you check via FTP to make sure that was exists in that location? It should... if it doesn't it may not have uploaded/extracted correctly.

  • Eliran replied

    I managed the CSS thing.

    I have another problem: when menu is in responsive mode, the logo is theme logo (Mint), instead of  my website logo (DOSA). 

    Can we fix this?

    Attached files:  s.JPG

  • Eliran replied

    And one more thing:

    I have this problem in which the section design is going down to the next section.

    Attached files:  aslo1.JPG

  •  57
    Joe replied

    For the mobile logo go to Appearance > Customize > Delicious Mobile and modify the logo in the Alternate mobile menu logo field.

    For your second issue, you'll need to look at/edit your section areas and make sure you have the Angled borders checkboxes setup the way you want. It looks like you have an extra Top or Bottom angle added to one of your sections that you don't want.