Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 1, 2023 at 2:39 pm #1415151
    Emanon

    Hi guys,

    I used to have red arrows on my homepage and in the Socket (Enfold Footer Menu). Yigit helped me with that a long time ago. Somehow, someway, I managed to remove the arrows. I was trying to add some new icons when they suddenly disappeared. I guess I deleted the arrows. I tried to upload new once. No result. Can you guys help me out?

    This is how it looks now:
    https://emanon.nl/wp-content/uploads/2023/08/1.png
    https://emanon.nl/wp-content/uploads/2023/08/2.png
    https://emanon.nl/wp-content/uploads/2023/08/3.png
    https://emanon.nl/wp-content/uploads/2023/08/4.png

    This is how it look liked:
    https://emanon.nl/wp-content/uploads/2023/08/Screenshot-2023-08-01-at-14.47.46.png

    I used an arrow of Fontello. Not exactly the same, but it was almost like it.

    The custom code of Yigit is in the custom css field.

    .more-link-arrow::after {
    content: “\E802”;
    color: #EB5847;
    font-size: 16px;
    font-family: ‘friendly’;
    }

    #avia3-menu a::after {
    content: “\E802”;
    color: #EB5847;
    font-size: 16px;
    font-family: ‘friendly’;
    position: absolute;
    margin-left: 5px;
    }

    However, I don’t know if this is all of it.

    Thanks in advance.

    • This topic was modified 9 months, 3 weeks ago by Emanon.
    • This topic was modified 9 months, 3 weeks ago by Emanon.
    August 2, 2023 at 12:41 am #1415215
    Mike

    Hey Emanon,
    Thanks for the link to your site I’m not sure why your arrow font would change but it is now:
    content: “\E803”;
    font-family: ‘fontello’;
    and the font-family: ‘friendly’; is a globe
    Enfold_Support_2782.jpeg
    so I fixed your css for you so on your blog your arrows show:
    Enfold_Support_2784.jpeg
    but on your homepage you have added html to your special heading title field, which is not recommend:
    Enfold_Support_2780.jpeg
    but since you already have this in place I added this css to override them and add the arrow:

    .red-arrow-title .av-icon-char:after {
  color: #EB5847;
 content: "\E803";
font-family: 'fontello';
  font-size: 16px;
  position: absolute;
  margin-left: 5px;
}
.red-arrow-title .av-icon-char:before {
  display: none;
}

    now now they show the arrows:
    Enfold_Support_2786.jpeg
    please clear your browser cache and check.

    Best regards,
    Mike

    August 4, 2023 at 11:27 am #1415412
    Emanon

    Hi Mike,

    Thank you for the adjustments. Unfortunately I can only see changes in Safari. Not in Chrome and Firefox. I emptied the cache of all of them.

    Greetings

    August 4, 2023 at 5:52 pm #1415441
    Mike

    Hi,
    Actually your fontello font is only loaded when you are logged in, so it looks like your WP Rocket either is blocking the font or it is not in it’s cache.
    Check your WP Rocket settings to ensure the font will load for everyone or clear it’s cache, it this doesn’t help then disable WP Rocket and check that the font is loading for logged out users.

    Best regards,
    Mike

    August 21, 2023 at 11:49 am #1416750
    Emanon

    Hi Mike,

    Thank you for your response.Hi Mike, thank you for your response. I was on vacation, hence the late response.

    I cleared my cache. I can now see the arrows in Firefox. But not in Safari or Chrome unfortunately

    Greetings

    August 21, 2023 at 1:29 pm #1416757
    Emanon

    Problem solved. I cleared the CSS cache in WPRocket

    August 21, 2023 at 1:55 pm #1416761
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    August 22, 2023 at 10:08 am #1416841
    Emanon

    It can be closed. Thanks Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hoe can I restore the red arrows?’ is closed to new replies.