Forum Replies Created
-
Posts
-
Check this out -> step by step guide to update via FTP.
Hi fresewolff
I always create a new folder called fonts in my root directory and upload the font files there.
You can probably download it from here first.A good resource to help you how to embed self-hosted webfonts is Google webfonts helper.
Secondly, you need to include the @font-face arguments (see link above) into your root CSS file.
Last but not least you have to call the CSS file within your header.php (within your child theme folder) like this in case your CSS file is called fonts.css:
<link rel="stylesheet" type="text/css" href="/fonts.css">Hope that helps. Oh and don’t forget to flush your cache at the end.
Cheers from Switzerland
MichaelHi grivers99
The following code should do the trick. Insert it into Quick CSS within Enfold in your backend:
#header { background-color: white !important; }Cheers
MichaelHi sundara88
The best way to update is (in my opinion) via (S)FTP.
Check out my step by step guide for further information.Best,
MichaelAlternatively, check this post.
Ah yes if you want to have it the same way as before, you need to manually fix a merged CSS file from the theme.
The developers might fix this in the next version 4.5.7.Hi Theo
It’s exactly what I thought. So the code for your background currently looks like this:
background: #fff url('https://grondenafbraakwerkenjohny.be/grondenafbraakwerkenjohny.be/wp-content/uploads/2018/08/1.jpg') center center no-repeat scroll; }And obviously this does not work – I don’t know the theme does that magic here…
To fix it please download this CSS file via FTP:
/wp-content/cache/autoptimize/css/autoptimize_single_b3e52351746114ae1b5fcd8c47db49ea.css
a) Edit it, and replace the URL with https://grondenafbraakwerkenjohny.be/wp-content/uploads/2018/08/1.jpg
b) Upload the fixed CSS file again to the same directory where you downloaded it from.For the other website, navigate to this file with FTP:
/wp-content/cache/autoptimize/css/autoptimize_single_a1f021c35e306af62ad542b953a83766.css
a) Replace the URL with https://ibglaswerken.be/wp-content/uploads/2018/08/glaswerken-IB-header.jpg
b) Upload it again and it should work again.I hope you are familiar with FTP, otherwise a moderator needs to help here I guess.
I hope this helps :)Best,
MichaelHi Jiri
No I can’t see the private content as participant, but I could read the URL from your screenshot – thanks.
Could you please do the Enfold update again so I can see (inspect) the missing background image?It is currently there and I hope to see the issue in the code if you update again – sounds good?
Cheers
MichaelHi norbou
Can you please paste the URL of the website here?
I am pretty sure it is a merging conflict in CSS caused by the theme (I had the same issue for the footer recently).Cheers
MichaelHi Theo
I won’t see the private content here, as I am not a moderator.
The URL should be enough, no login needed I think.Cheers
MichaelHi Dario
My test with an Enfold based website works perfectly.
I guess it’s a problem directly in your website configuration or on the hoster’s server.Btw I prefer to use webpagetest to find performance issues – it’s contains a lot more detail than GTmetrix.
Cheers
MichaelHi Theo
I had the same issue with the background image in my footer.
It was a merging conflict caused by the theme itself within its CSS.Any chance you can paste the link to the website here?
I am pretty sure the link in the frontend is suddenly wrong and therefore your background image is not loading properly.Cheers
MichaelHi Mike
Awesome – thanks!
I was just a bit confused why the CSS class for the first element in the footer changes for that width… Anyway, I changed the class now and added a percentage value which solved it:@media screen and (max-width: 2350px) and (min-width: 2051px) { body div .first, body div .no_margin { margin-left: 21%; width: 22%; height: 70px; } #footer .flex_column:nth-child(2) { width: 39%; margin-left: 0px; height: 70px; } #footer .flex_column:nth-child(3) { width: 17%; margin-left: 0px; height: 70px; } }And then the same for 2351px and more…
You may close this thread now.Cheers and thanks a lot
MichaelP.S.: I don’t have such a big screen either, however, the design is more or less done for a 27″ iMac which has 2560px width (insane)…
Hi Mike
Sure – please check private content for the URL.
It is basically only a footer with three columns, not that much magic in my opinion but maybe there is other CSS which avoids the behaviour I wish for when the browser width is more than 2050px.Thanks in advance
MichaelHi
I can’t see what you added to the private content, but:
a) A text block will probably escape your Instagram embedding code I guess, means it will just ignore it.
b) Just use the plugin Instagram Feed, it’s super easy to use and works perfectly.Cheers and I hope this helps,
MichaelHi
I suggest using the hamburger menu with a flyout for mobile.
Otherwise, like you mentioned, it will use too much space on the small screen and will not look nice.Cheers
MichaelHi
I always create a new folder called fonts in my root directory and upload the font files there.
A good resource to help you is Google webfonts helper (Noto Sans TC is already selected).Secondly, you need to include the @font-face arguments (see link above) into your root CSS file.
Last but not least (and you might be missing this one currently) you have to call the CSS file within your header.php like this in case your CSS file is called fonts.css:
<link rel="stylesheet" type="text/css" href="/fonts.css">Hope that helps. Oh and don’t forget to flush your cache at the end.
Cheers
MichaelHi Peter
Well I would sign in to your hosting panel and get your FTP details from there.
After you have assigned a FTP user, I recommend using FileZilla in order to update your theme.Did you try my step-by-step tutorial?
Best,
MichaelHi Peter Panflöte
The Enfold update from 4.4.1 to 4.5.x is not possible via the dashboard (due to some API changes from Envato some time ago).
I suggest you update via FTP. Please follow the instructions I wrote down in this thread.Unfortunately I can’t see the private info section as I am just a participant like you.
Cheers
MichaelThread can be closed – I could solve it like this within CSS:
.red-dots-special { list-style: none !important; margin-left: 20px; }.red-dots-special li::before { content: "\2022"; display: inline-block; color: #CB2D27 !important; font-weight: bold !important; font-size: 1.5em; width: 10px; } .li-black-space-left { color: black; margin-bottom: 0px; margin-top: 0px; padding-left: 0 !important; text-indent: -10px !important; }Oh yes – my bad. It uses a different CSS class, just saw that.
Try this instead:
#top div .av-dark-form input[type="text"] { border-width: 1px !important; }Was that successful?
Hi
Did you empty both your browser and website cache (plugin)?
Well I tested it for my test contact which is in light transparent version.
Maybe the dark version uses a different CSS class.If that does not help could you maybe post a link to the contact form here so I can check it directly.
Thanks
Michael
