Help me with the fonts

[ahmedmaherpasha]

Hello,

Thanks for the awesome theme, but i have couple of questions.

1- How i can disable the header from the shop and products pages, i saw how to disable it in the normal pages with this method
.page-id-13224 #sf-header-banner {
display: none;} but for the products pages and shop and categories i can’t find the right id for them?

2- How i can change the font for the icons cart and wishlist and all the fonts, for know i converted all these fonts to image you can see it on my website but the effects like hover dosn’t work anymore and i have problem with the sizes so i convert my icons to font with fontello.com but i want to know how to add the ttf file to my website so i can just edit the content for the old icons for the new one, how can i add the font?

3- how can i control the height of the green menu and the global header in my website?

4-The most important problem the font, i added FuturaStd-book font and i changed the Body Font to it but it the body font doesn’t change what is the problem?

5- I added the edge font for the menu but the default font appear then the edge reload how can i replace the default font with edge?

Thanks A lot

[David Martin – Support]

1) A single product page is simply .single-product and the actual WooCommerce shop you set in the WooCommerce options is post-type-archive-product

2) You can change the fonts in Theme Options => Font Options. To change all the icons you would need to work with a developer to customise the theme further.

3) You would adjust the menu items <li> CSS rules which you can find using the Chrome web inspector tool. EX, to reduce the menu size:

#main-nav ul.menu > li > a {
    padding: 10px 10px;
}

4) It seems like the font file path is not referenced within the CSS. Can you test uploading the file again? Ref: http://elmashtl.com/home/wp-content/uploads/redux/custom-fonts/fonts.css?ver=1484583535

[ahmedmaherpasha]

1- in this demo the sticky, have Header Right Config with in it when i scroll down how can i enable this option?
http://swiftideas.com/flock-demo/

2- in the attachments you will find the Header Right most of the icons are in white like the color of the menu links but i want to change it to be like the search icon green and when i hover to be grey just like the search icon

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) That is possible using Header 9. In Theme Options => Header Options.

2) You want all menu links green, then on hover you want the color grey? This has already been done by you from what I see?

[ahmedmaherpasha]

you can check the website http://elmashtl.com/home/ i have 3 more icons beside the search icon but there are in white i don’t know why and how can i fix it ???????????

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

nav .menu li > a > i {
    color: #739b7e;
}
.shopping-bag-item a > span.num-items {
    color: #739b7e;
}

Let me know if it worked.

-Rui

[ahmedmaherpasha]

it worked Final thing but what is the custom css to change this color when i hover on it

[David Martin – Support]

You would use this:

nav .menu li > a:hover > i {
    color: red;
}

[ahmedmaherpasha]

in the mega menu how can i decrease the space between the sub menu title and sub menu and the space between columns?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Try the code below.

av.std-menu ul.sub-menu > li > a, nav.std-menu ul.sub-menu > li > div.current-language {
    padding: 0px 16px!important;
    line-height: 28px!important;
}

li.menu-item.sf-mega-menu > ul.sub-menu > li ul {
    padding: 0 20px 5px!important;
}

li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > a, li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > span.title {
    margin: 4px 21px 0!important;
    padding: 0px 15px!important;
}

-Rui