Thank you for your help Ismael! It works great and I installed the child theme. Thanks again!

THANK YOU Nikko!!! Thank you so much for your expertise and your help, the font looks fantastic!! I highly appreciate it, you’re the best!!

Thank you for your message Nikko!

Media Library would not allow the upload, so I tried your suggestion. Please see the private content area.

I look forward to your advice!

Hi Nikko,

Thank you so much for your advice! I did the conversions as you recommended and see that the font is mostly working in Safari and Firefox, thank you!

The font is working when I choose it in Advanced Styling (H1, H2, H3). However, for some items like the buttons and the image text overlay, it’s not showing, even though I’ve specified it in the Quick CSS. I’ve included the Quick CSS below.

For the buttons, I’ve specified the webfont in the Advanced CSS as well, and that’s not showing.

Could you please advise on how I can get the font showing for those areas (and other areas of the site that are not available through Advanced Styling)?

Thank you very much Nikko!

Yes, the topic is settled, Jordan. Thank you and your team for all your help!

Thank you so much for your help Rikard!! That works perfectly!!

Hi Rikard, Thank you for this.

What’s the syntax for what goes inside “data-av_icon” ?:

<span data-av_icon=”” data-av_iconfont=”entypo-fontello” style=”height: 44px; line-height: 44px;”></span>

For example, if I want to display a heart icon (ue806), I added the following, but it did not work:

<span data-av_icon=”ue806″ data-av_iconfont=”entypo-fontello” style=”height: 44px; line-height: 44px;”></span>

In your comments it looks like an empty square is within “data_av_icon”, can you please provide an example of what should go in there?

Thank you very much!

Hi Rikard,

Thanks for your advice. I tried it out but it doesn’t seem to be working. Any other ideas?

Thanks!

Thank you so much for your awesome support Ismael! This works perfectly!!

Thanks Jordan! Fantastic support!!

Hi Rikard,

I’ve changed it to the following, and still it’s not making a difference after I clear the cache, can you please advise as to how to reduce the space between the slider caption and button for mobile?

@media only screen and (max-width: 767px) {
.home .avia-slideshow-button {
margin-top: -60px;
}
}

Thanks!

Hi Rikard,

Thank you. I tried this but it’s not working for me. I also tried this CSS alone in the Quick CSS box and cleared the cache, and that didn’t work either.

I’m basically trying to eliminate that extra space, so the slider caption and button is closer to together for the mobile view, vertically aligned.

What do you advise?

Thank you!

Thank you for your help Rikard! I think this has resolved the issue, I’m no longer seeing the font weight difference. Thank you!

Hi Victoria,

Thank you for your advice and for taking the time to create that screenshot!

I tried your CSS and made some adjustments to create the square image, it’s looking good.

One question, there is a gap between the blog title / category name and the start of the text excerpt wrapping around the image. Is it possible to reduce the space in that gap as shown in the screenshots below?

Thank you, I think we’re all set after this!

Hi again Victoria,

Thank you again for your help!
I have a couple more questions about this same thread.

Is it possible to make the small preview pic bigger, to 150 x 150px?

Currently the small preview pic is floating to the left of the blog title; is it possible to have it float to the left of the excerpt instead? I’ve attached screenshots to show what I mean.

Thank you!