Option to match font from website for text

Wishlist Instagram Feed
1

Option to select custom text, or match the existing font from the website.

1 Like
2

Hey there @Habitus_Shop :wave:

I cannot but agree that it would be awesome to add such a setting to the widget configurator. We’ll try to think it over in our upcoming enhancements.

As for now, you can add this CSS code to the Custom CSS field on the Style tab to change the font of all the elements:

/*Title*/
.es-widget-title {
  font-family: Arial!important;
}
/*Header*/
.eapps-instagram-feed-header-inner {
  font-family: Arial!important;
}
/*Post*/
.es-post-text {
   font-family: Arial!important;
}
/*Popup*/
.global-styles, .es-popup{
  font-family: Arial!important;
}
/*Load More*/
.es-load-more-button {
  font-family: Arial!important;
}

A huge thank you for sharing your thoughts and welcome aboard :heart:

3

I’d love it if the “load more” button could match the font of my website!

4

Hi @user23787 welcome to community :clap:

Here is an overview of the CSS classes of all elements.
Change Font of all elements

This would be the right code for your project.

/* Load More Button */
.es-load-more-button {
    font-family: Arial !important;
}
2 Likes
5

Hi there, @user23787 and welcome aboard :waving_hand:

We already have this request on the Wishlist, and I’ve added your comment there too. If this idea gets more votes, we’ll try to consider the implementation of the font setting to the widget editor.

As for now, you’re very welcome to use the code suggested by Sina :slightly_smiling_face: