-
Posts
-
Hi guys,
I’m currently setting up my site and have encountered some issues on WIN/Firefox 27.0.1 (which I don’t have on MAC OS X and WIN/Chrome). The site is at http://www.meoartis.com
– font rendering doesn’t seem to work in Firefox, the font set in backend is Raleway as header, in frontend it renders Helvetica (please check any page on: http://www.meoartis.com)
– I’m using tabs and for some reason it mixes colors within one tab element (please check here: http://meoartis.com/material/). Some lines are black, some are in a little lighter blue-grey (as set in backend #1c2b39). It’s subtle, but definitely visible.
– I’m using the mega menu for the menu element “Material”. I have added pics with an original size of 495×400. Here the issue: on MAC Safari and WIN Chrome it works well, only the middle (2×3) image is smaller in height than the outer two columns. On WIN Firefox the image scaling doesn’t work, they are displayed in original size (only like 1.5 columns).
– Question: is it possible to have the cirlce animation for icons with border if I DO NOT set a link? I want to use them to display tooltip information, the animation is nice, but I don’t want to set a link!
Thanks for your assistance!
Regards,
Gabe
Hey chiummog!
– Font Issue, for personal experience that font have a really bad performance/and Issues on win, mainly when you use it on an small size i.e. 22px or below, if you can use another font you could avoid having this situation, if that is not the case you need to hack the way around and still ended up wanting to change the font.
Here are some possible solutions, ( and the problem not only is on firefox, chrome has the same problem too. )
You need to find the parts where you are using the font in question an apply one of the solutions below.-webkit-font-smoothing: none; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; // You can try this solution also text-stroke: 0.35px– Current color on the mentioned http://meoartis.com/material/
.main_color .sidebar_tab, .main_color .tabcontainer .tab { border-color: #CECECE //Current color }
– Looking into the mega-menu issue, will comment on that later today.
– Can you send me the link to the circle, so i can show you the code you need to place a border on those.Regards,
DavidHey!
1.) You can use this filter on functions.php to add google fonts on the heading and body font selector:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font'); function avia_add_heading_font($fonts) { $fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800'; return $fonts; } add_filter( 'avf_google_content_font', 'avia_add_content_font'); function avia_add_content_font($fonts) { $fonts['Source Sans Pro'] = 'Source Sans Pro:400,600,800'; return $fonts; }Change the “Source Sans Pro” with the google font that you want to use.
2.) Those are bold or strong fonts. You can change the font color and weight using this on Quick CSS:
.main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a { color: #444; font-weight: normal; }3.) Please add this to fix the mega menu images on Firefox and IE:
#header .avia_mega_div img { max-width: 100%; }4.) Let me get back to you on that.
Cheers!
IsmaelHey!
The code for the tab font will change the color and weight exactly like the body font. The issue with the google fonts has been fixed on Enfold 2.6.1, I’m not sure why it’s not working with your website. Please post the login details here and set it as a private reply. The google font link is not rendering inside the head tag.
Cheers!
Ismael
- The topic ‘Various small issues’ is closed to new replies.