Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 5, 2022 at 5:50 am #1334318
    Donkies11

    Hello Enfold Support,

    On the homepage, we are using a LayerSlider. The main header element on the slider used to load the font “font-family: ‘Bilbo Swash Caps’, cursive;”.

    About a month ago I saw it wasn’t loading correctly. The font is loading in other places properly.

    This is the site homepage: https://lindyjames.com/.

    Do you see what the issue is?
    (Admin info in PC area)

    Sincerely,
    Greg

    January 5, 2022 at 11:16 am #1334342
    Rikard

    Hey Greg,

    I changed the font family to the one you wanted for your first header, and that is working as it should. Simply mark the text, then change the font family in the STYLE tab in the edit sidebar.

    Best regards,
    Rikard

    January 5, 2022 at 7:34 pm #1334410
    Donkies11

    Hello Rikard,

    Something else is going on, though… Now all the sub text is “tiny”.
    Did a style in the CSS for the slider change?

    ~ Greg

    January 6, 2022 at 7:52 am #1334483
    Rikard

    Hi,

    Thanks for the update. I’m not sure which sub text you are referring to, could you post a screenshot highlighting the problem please?

    Best regards,
    Rikard

    January 7, 2022 at 7:33 am #1334650
    Donkies11

    Hello Rikard,

    You can see some white text, barely visible – the screenshots have my mouse courser pointing to it.

    screen shot 1
    screen shot 2
    what it used to look like

    The third screen shot is from the WayBackMachine archive – that’s what it used to look like. To my knowledge, no changes were done by us to “break” the styles of the elements.

    ~ Greg

    January 7, 2022 at 1:18 pm #1334670
    Mike

    Hi,
    Thank for the login, when I check your slider the font size is 1px, try changing it to 14px, for example:
    2022-01-07_061601.jpg

    Best regards,
    Mike

    January 7, 2022 at 7:41 pm #1334716
    Donkies11

    Thank you, Mike.

    Are you, and other support people, of the mind that it is not worth pursuing why the font sizes and family changed without any Admin interaction?

    ~ Greg

    January 8, 2022 at 12:23 am #1334731
    Mike

    Hi,
    I’m just reporting what I found.

    Best regards,
    Mike

    January 8, 2022 at 12:45 am #1334736
    Donkies11

    I am wondering if there is merit in finding out why the styles suddenly quit loading… ??

    January 8, 2022 at 1:31 am #1334739
    Mike

    Hi,
    From what I see the font rule:

    h1, h2, h3 {
	font-family: 'Bilbo Swash Caps', cursive;
	text-transform: capitalize !important;
	color: #ad0300 !important;
}

    is applied in your child theme stylesheet, but using just the H tag by itself to affect the H1 in the layerslider is a little weak as the layerslider is passing the “inherit” rule to the tag.
    to correct I would recommend changing to:

    #top #main h1,#top #main h2,#top #main h3 {
	font-family: 'Bilbo Swash Caps', cursive;
	text-transform: capitalize !important;
	color: #ad0300 !important;
}

    As for the font size of the lower text being 1px, this is what the layerslider is setting so you will need to make that change in the layerslider:
    2022-01-07_004.jpg

    Best regards,
    Mike

    January 12, 2022 at 4:15 am #1335148
    Donkies11

    OK – we can close this thread/post.

    Thank you everyone :-)

    January 12, 2022 at 6:49 am #1335178
    Rikard

    Hi,

    Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Font on LayerSlider no longer loading’ is closed to new replies.