Hoe can I add a red arrow?

Hey Alfredo,

I copied HTML of arrow icon and pasted inside your Special Heading elements and give them a custom CSS class “red-arrow-title” in Advanced > Developer Settings and then added following code to bottom of Quick CSS field

/* Change read more arrows */
.more-link-arrow::after {
  content: "\E881";
  color: red;
  font-size: 30px;
}

.red-arrow-title .av-icon-char {
  color: red;
  font-size: 20px;
  position: absolute;
  margin-left: 5px;
}

Please review your website :)

Best regards,
Yigit

Hi,

1- It would be easier to switch to one of the included icons. If existing fonts do not fit, you can refer to this post – https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons- and add your own icons :)

2- Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#avia3-menu a::after {
  content: "\E881";
  color: #EB5847;
  font-size: 18px;
  font-family: 'entypo-fontello';
  position: absolute;
  margin-left: 5px;
}

3- Your site language seems to be set to English. Please go to Settings > General and switch the language to Dutch :)

Best regards,
Yigit

Hi,

That was because I copied the HTML of previous arrow icon and pasted it inside Special Heading elements. I edited your elements and replaced HTML code if the icon with your own icon.

Please review your website :)

Best regards,
Yigit

Hi,

You are welcome! Let us know if you have any other questions and enjoy your weekend :)

Best regards,
Yigit