icon showing problem (respond a rectangle)

Hi Jiedong,

Do you have a link to the page that your having issues on? You shouldn’t need to add the font-family parameter any more after the latest update.

Are you trying to generate the icon using the shortcode, or are you rendering the icon and then trying to use the generated HTML elsewhere?

Thanks,
Evan

Hi Evan, Thanks for your reply.Below is my page link.At first, I used the shortcodes, but it cannot work. What is your meaning for generated HTML? Could you give me steps or specific code? Thanks!

Jie

Hi Jie,

After taking a look, it does look like the font-family isn’t being applied to the icon properly.

If you use this code, you’ll notice that the icon does work:

<h2 class="wp-svg-home home" style="font-family:'wp-svg-icon-set1';"></h2>

With the update to 3.0, you shouldn’t need to add the font family attribute though.

I will take a deeper look into this and see what might be going on.

Is you’re site loading another icon font family?

Thanks,
Evan

Hi Jie,

Can you download the latest release , v3.1.5 which I’ve just released. Ideally, this patch will help alleviate the issues your facing. Your theme seemed to be overriding the default icon font family, causing the icons to have the font stack “Libre Baskerville”, serif.

I’ve added some alterations to the CSS file to help resolve things.

After downloading the patch, please let me know if that helped you out and the icons are now showing.

Thanks for alerting me to the issue.

Evan

Cool! It works!

Another question, How can I adjust the position of this icon? As you see, the home icon is under the title, how can I put it on the left of the title? Thanks a lot!

Best,
Jie

Hi Jie,

Our pro version has the ability to specify an alignment property in the shortcode.

Otherwise, in our free version you’ll need to assign a custom class to your icon and then apply some custom CSS. Say something similar to:

.wp-svg-homepage-icon {
  text-align:left;
}

Which would then align the icon to the left. You can alternatively float it to one direction or the other.

Thanks and I’m glad things are working on your end now!

If you can find the time to leave a review for the plugin, I would greatly appreciate it ??

Have a wonderful afternoon!

Evan

Sure. I am glad to review the plugin! The pro version looks awesome as well. It is really great and helpful.
Have a good day!

Best,
Jie