Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 18, 2022 at 3:09 pm #1373101
    AuroraArcus

    Hello support,

    I don’t understand why, but the fonds in Enfold keep on changing even though I believe I have set them all up to the font: “Comfortaa”

    Looking at my homepage

    Den kognitive diamant

    Right of the bat, you see that the 2 fullscreen sliders have 2 different fonts. Can you see where the problem is?

    It’s an ongoing theme throughout the homepage. Also here where it says “Kunne du tænke dig en gratis og uforpligtende telefonsamtale med Therese?” the font is different than on the rest of the homepage…

    Priser

    Looking forward to your reply:)

    November 19, 2022 at 10:17 pm #1373228
    Mike

    Hey AuroraArcus,
    Thanks for the login, for your slider, the first slide has text in the title and an image in the caption:
    2022-11-19_012.png
    the second slide is the opposite since in your theme options you have titles as Comfortaa and text as Verdana:
    2022-11-19_011.png
    the font Comfortaa is used of the first slide and Verdana is used for the second slide because your text is in the caption field.
    To correct I added this css:

    .avia-caption-content p {
	font-family: comfortaa;
	font-weight: 700;
}

    please clear your browser cache and check.
    I couldn’t find the exact match for the second text, is it the button? “Book gratis og uforpligtende telefonsamtale med Therese” this uses the Verdana font from the theme settings, you could use css like I did to change.

    Best regards,
    Mike

    November 20, 2022 at 11:13 am #1373250
    AuroraArcus

    Hi again Mike,

    Makes sense with the your explanation. Thank you. I found a solution for all of it. I just went in and put all Headers to upper case…

    Thanks for changing the font.

    In my menu, I tried to put it as comfortaa in “main menu links”, but Im unsure if it is the right font showing?

    For the masonry I also tried to use “font-family: “comfortaa” !important;”, and it looks like it worked on mobile, but not on desktop. Any idea how to solve that?

    Have a great sunday:)
    Aurora

    November 20, 2022 at 11:20 am #1373251
    AuroraArcus

    Hi again Mike,

    FYI, I solved the one with the main menu links:)

    November 20, 2022 at 11:31 am #1373254
    AuroraArcus

    Hi again Mike,

    I tried to run this css to make the bottom “book” appear the same as the top one, but it seems like it wont accept comfortaa

    #footer .widget-book a {
    color:#000;
    text-transform:uppercase;
    font-family: “comfortaa” !important;
    }

    Any suggestions?:)

    November 20, 2022 at 3:35 pm #1373275
    Mike

    Hi,
    For the bottom button the css was fine, but the quotes around comfortaa were curly quotes so it broke the rule, I corrected for you.
    When I check the masonry on the homepage both the desktop and mobile look the same, the title is comfortaa and the content is verdana
    Are you sure you want to use verdana?
    2022-11-20_004.jpeg
    was there a different font error that you saw?

    Best regards,
    Mike

    November 20, 2022 at 4:56 pm #1373283
    AuroraArcus

    Hi again Mike,

    Ha ha, I see the curly quotes. Rookie mistake! Thanks for the lesson:)

    I’m trying to make the buttons look the same:

    https://denkognitivediamant.dk/kontakt/ the “send” button here, I’m unable to give a black font.

    Also, now when I’m on my mobile, my front page started to behave a bit strange. When I enter the page, there’s a big blank area beneath the fullwidth easy slider. When the picture slides out, everything is back to normal. Ive attached a screenshot…

    Hope you can help me out with the 2 problems…

    November 20, 2022 at 7:45 pm #1373291
    Mike

    Hi,
    For the send button try this css:

    #top .main_color input[type='submit'] {
color:#000;
}

    The white space under the slider is from the Smush plugin lazyload, disable this option, it is a known to Smush error that they need to fix, we can not fix the plugin.
    I couldn’t see your screenshots because they required a login, you can add screenshots by uploading your images to a screenshot host and pasting the HTML code or link in your post or the Private Content area.

    Best regards,
    Mike

    November 20, 2022 at 8:17 pm #1373296
    AuroraArcus

    Hi Mike,

    I just put in the code, but it didnt change the font to black unfortunately.

    I completely removed Smush, but the problem still occured. I found an easy workaround. I copied each of the elements and deleted the original after I had pasted them all again. Then no problem occured.

    Im looking to use a plugin to reduce the image sizes. Both Smush and Optimole are wrecking my site. Have you heard of a plugin that can do the trick without “hopefully” doing any damage:)?

    Thanks for the help again

    November 20, 2022 at 8:30 pm #1373297
    Mike

    Hi,
    I see that you added text to the Quick CSS field that was not commented out, I fixed it for you:
    2022-11-20_006.jpeg
    I like the TinyPNG plugin, you can also use their free online image compression

    Best regards,
    Mike

    November 21, 2022 at 1:39 pm #1373364
    AuroraArcus

    Hi again,

    thanks Mike. Works perfect:) You can close the case

    November 21, 2022 at 1:45 pm #1373365
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Fonts keep on changing’ is closed to new replies.