Home › Forums › WoodMart support forum › Loading Custom Fonts
Loading Custom Fonts
- This topic has 24 replies, 4 voices, and was last updated 2 years, 11 months ago by Artem Temos.
-
AuthorPosts
-
April 7, 2021 at 9:12 pm #279887
protectionshopnlParticipantHello all.
When trying to add .woff and/or .woff2 via FTP or via the upload module in the WordPress backend the files are not visible, when trying to add them via Theme settings > Typography > Custom Fonts.
Do you know how we can fix this?
Regards,
FabianApril 8, 2021 at 7:56 am #279973
Eric WatsonParticipantHello,
Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it?
Thank you in advance
April 8, 2021 at 7:59 am #279979
protectionshopnlParticipantHello Eric,
Provide access to our backend is possible. Not a problem at all.
Adding custom fonts is something we weren’t able to do also before any plugin was installed. So that’s strange. If we need to disable all plugins now again, our website will be useless. So that’s not an option. Please be careful while accessing our website.
Regards,
FabianApril 8, 2021 at 8:33 am #280002
Eric WatsonParticipantHello,
Please add this code to the functions.php of the child theme
add_filter( 'upload_mimes', 'woodmart_upload_mimes', 100, 1 ); function woodmart_upload_mimes( $mimes ) { if ( woodmart_get_opt( 'allow_upload_svg' ) ) { $mimes['svg'] = 'image/svg+xml'; $mimes['svgz'] = 'image/svg+xml'; } $mimes['woff'] = 'application/x-font-woff'; $mimes['woff2'] = 'application/x-font-woff2'; return $mimes; }
Best Regards
April 8, 2021 at 8:36 am #280003
protectionshopnlParticipantHello Eric,
We do not use any child theme. How can we implement the functions.php code then?
I’ve a second question at the same time. We have some issues with the automatic scaling of our home-logo. As you can see it’s everywhere correctly displayed, despite when you scroll down and the menubar is displayed. See the attached image. How can we fix this too?
Regards,
FabianAttachments:
You must be logged in to view attached files.April 8, 2021 at 9:34 am #280036
Elise NoromitMemberHello,
Please install and activate the child theme you can take it in the theme folder uploaded on the ThemeForest.
Please add this code to the Theme Settings > Custom CSS > Global:
body .wd-logo img { height: auto; max-height: none; }
We shall fix that in our nearest update.
Best Regards
April 8, 2021 at 9:47 am #280048
protectionshopnlParticipantHello Elise,
Thanks! I’ve two questions:
I’ve added the custom CSS to our theme via the settings. Now the logo is really pumped up. We didn’t had to use CSS before for correctly displaying our logo, with correct white space under and above.
On desktop (before scrolling) the logo is displayed correctly) but after scrolling in the displayed bar it isn’t. On mobile all is fine with correctly whitespace.
About the child theme: I am now using the regular Woodmart theme. Will installing and activating the child theme change anything to settings I have changed or Loco Translations on the Woodmart theme?
Regards,
FabianAttachments:
You must be logged in to view attached files.April 8, 2021 at 9:51 am #280060
protectionshopnlParticipantHello Elise,
Secondly, I did not change anything after all, besides adding the custom CSS you provided. Now I see that our header is displayed incorrectly in Safari (Apple Macbook) and correctly displayed in Chrome (Apple Macbook). Do you know how come? We did not change anything in the meantime.
Does someone of your crew has changed anything in our backend while testing maybe with our custom fonts issue?
Regards,
FabianAttachments:
You must be logged in to view attached files.April 8, 2021 at 10:17 am #280090
protectionshopnlParticipantHello Elise,
In the meantime the problem fixed itself. The topbar is correctly displayed again on Safari and Chrome. I did not changed anything. But it’s fine that it’s displayed correctly again.
Only the child theme/top logo issue still exists.
Regards,
FabianApril 8, 2021 at 2:31 pm #280254
Elise NoromitMemberHello,
Installing and activating the child theme would not change anything. It is a buffer for changes to remain after each update.
If you have any questions please feel free to contact us.
Best Regards
April 8, 2021 at 4:29 pm #280302
protectionshopnlParticipantHello Elise,
I’ve added all the snippet code, to the custom CSS and functions.php file you mentioned. All our issues are solved. Thank you very much.
One last thing still exists, and that’s that the toplogo has no padding when scrolling on the webpage. See the attached screenshot. It only exists on desktop. Mobile is logo placement fine, with exact the white spacing we need.
When I look at your demo website: https://woodmart.xtemos.com/shop/ the topbar with logo looks fine. Just as we need it 🙂
How can we fix this?
Regards,
FabianAttachments:
You must be logged in to view attached files.April 9, 2021 at 2:08 pm #280868
Elise NoromitMemberHello,
Unfortunately, there is no option to change it with CSS, please upload a smaller image for the Sticky logo in the Header Builder.
Best Regards
April 9, 2021 at 2:18 pm #280883
protectionshopnlParticipantHello Elise,
Before we added your provided snippet code and upgraded to Woodmart 6.0 the logo image was displayed correctly with enough spacing. Exactely the same as Woodmart demo.
Is there a way to make this the same? Or is this because of the snippet code we’ve added that there’s no spacing anymore on top and bottom?
On mobile all looks fine.
Regards,
FabianApril 9, 2021 at 2:35 pm #280898
Elise NoromitMemberHello,
Please make the full backup of the site and update to the recent version. https://xtemos.com/docs/woodmart/update-theme-2/
Best Regards
April 9, 2021 at 2:55 pm #280906
protectionshopnlParticipantHello Elise,
I’ve updated to the most recent version now. That changes nothing unfortunately. We’re using a child theme. Does that matter?
What I’ve done now, to test if that helps is deleting the custom global CSS you provided:
body .wd-logo img { height: auto; max-height: none; }
And unchecked the box by Woodmart > Header Builder > Header Base > Logo > Add width and height attributes. We did checked this, because width/height attributes are recommended by Google. But that messed up the code as we can see. Because without this checked and removing the CSS, the main logo is correctly displayed everywhere. On all devices, in all ways.
Regards,
FabianAttachments:
You must be logged in to view attached files.April 9, 2021 at 10:37 pm #281016
Elise NoromitMemberHello,
Please update till 6.0.2 our dev team has fixed this issue already.
Best Regards
April 10, 2021 at 8:31 am #281147
protectionshopnlParticipantHello Elise,
I do not see update 6.0.2 in my dashboard.
As I understand, after updating I can check again the “Add width and height attributes” box without any problems in styling/proportioning the logo.Regards,
FabianAttachments:
You must be logged in to view attached files.April 10, 2021 at 4:11 pm #281346
Elise NoromitMemberHello,
Your theme activation tab is not available, have you activated the license? You can upload the recent version from the Themefooresn in your account > Downloads.
Best Regards
April 10, 2021 at 5:11 pm #281368
protectionshopnlParticipantHello Elise,
Yes, we did entered our key a little week ago, when we purchased via Themeforest. We also installed the Envato Market plugin and entered our API key there. See the attached screenshots.
Earlier we were able to upgrade (to for example 6.0) but it seems not possible to do theme updates anymore. We don’t know why?
Regards,
FabianAttachments:
You must be logged in to view attached files.April 10, 2021 at 5:14 pm #281370
protectionshopnlParticipantHello Elise,
See here the screen that all installed themes are updated (Woodmart, Woodmart Child and Twenty Twenty-One).
Regards,
FabianAttachments:
You must be logged in to view attached files.April 11, 2021 at 9:10 am #281517
Elise NoromitMemberHello,
I am checking you have the recent theme version now.
I have checked the custom fonts you have uploaded the custom fonts successfully and set in the Typography, please clarify the issue with the fonts. https://gyazo.com/5f42c8996a21e1e0cf461fae380028a5
Best Regards
April 11, 2021 at 9:20 am #281529
protectionshopnlParticipantHello Elise,
Thanks for checking. I’ve checkboxed the “add width and height” attributes in the header of our website. Previously this caused issues in displaying the logo correctly, as mentioned before. Now it seems to work fine. So thanks for fixing with your dev team.
Another strange this is the following: previously we had the standard demo header on our website, same as the Woodmart demo website. I’ve nothing changed since our last contact, but the Revolution Slider is not visible anymore. When I check the homepage, the slider block is insered, but there’s not a slider selected. I cannot select a slider, because there seems to be no one in the library? That’s strange, because we did not delete any of them?
How could we recover of fix this? Now our homepage looks really weird. And as I said, I haven’t changed anything, so that’s super weird at all.
Have a nice weekend too.
Regards,
FabianApril 11, 2021 at 9:43 am #281544
Artem TemosKeymasterHello,
Try to disable “Combine JS files” in Theme Settings -> Performance -> JS.
We have enabled the slider in Theme Settings -> Other and now it works well.Kind Regards
April 11, 2021 at 9:56 am #281550
protectionshopnlParticipantHello Artem,
Thanks. Now is the “slider” tab indeed visible again. The slider too, on the homepage on desktop and mobile.
How come that the slider was dissapeard suddenly? We haven’t deactivated things in the Theme Settings menu. Combine JS files has always be turned on.
Thanks for fixing it!
Regards,
FabianApril 12, 2021 at 6:52 am #281723
Artem TemosKeymasterHello,
We will check why this option is disabled after the update.
Kind Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register