It’s me again,

I recommended this theme to a client and he has purchased it, i am currently working on his site on my staging server, I need help with a few please :

1) He wants to use a custom font (meltix font) which is not a google font and he wants it to be used only in the menu & headings, how can i achieve that, i saw that we can add it in header.php, but I need the exact steps..

2) The front page looks good but the product pages & shop page has an empty white space after the footer, going crazy why ..

3) How can i change the grey color on product hover ?

Thank you in appreciation, will purchase extended support for an earlier theme license morrow,

Regards

1. First off make sure you use a child theme as we’ll be adding the font via the style.css file there!

http://blueowlcreative.com/docs/fortuna/#customization1

There are plenty of tuts on how to add the actual font, here:

https://www.fontspring.com/support/installing_webfonts/how-do-i-use-the-webfonts

Once you include the font via the font-face rule you can apply it whatever elements you want, for example if you want to use it for headings:

h1, h2, h3, h4, h5, h6, .heading_font {
    font-family: "YOUR_FONT_FAMILY";
}

2. You can see woocommerce is adding this bottom space, override it like so in your child theme’s css file with this:

body.woocommerce:not(.widget) {
    padding-bottom: 0px;
}

3. Here’s an example:

.woocommerce .product a .img_overlay {
    background-color: rgba(200, 128, 128, 0.4);
}

You cannot use a non-web font on a website.
There are online tools to convert a normal TTF to a web font though, although I would simply find the font’s web version…
Sure, let me know if I can further help!

I purchased the extended version of the font ($148) and had it integrated,

thanks