Forum Replies Created
-
AuthorPosts
-
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
I tried FTP & SFTP and was not able to login with the ports 21 or 22, perhaps you have a different port?
My IP is below.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey dondela,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry { right: 30px; bottom: 30px; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeJune 7, 2025 at 7:14 pm in reply to: Background overlay gradient behind text with background image #1485187Hey bbarasa,
Do you mean gradient like this:
.page-id-76 .avia-builder-el-0 .av_textblock_section p { background: linear-gradient(186deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, -0.6) 100%); }
To format the text try this:
.page-id-76 .avia-builder-el-0 .av_textblock_section p { font-weight: bold; font-size: 36px; font-style: italic; }
Best regards,
MikeHi,
This works good Guenni007, thanks for sharing, hopefully whdsolutions will agree.Best regards,
MikeHi,
For your /making-a-remote-control/ page I see that you are not using a sidebar, it would be better if you follow Guenni007’s instructions as you will need a parent container. But you can try this css:@media only screen and (min-width: 1905px) { .responsive #top #wrap_all .av-d0kp1-a2d2e6eb6b73ac933b7b21ac10cbf36f { position: fixed; width: 435px; right: 19%; top: 57%; } .responsive #top #header.header-scrolled ~ #main .av-d0kp1-a2d2e6eb6b73ac933b7b21ac10cbf36f { position: fixed; width: 435px; right: 19%; top: 18%; } }
This will make your author box fixed (sticky) under your header after scrolling, it would be better if your column had a custom class name, right now it is: .av-d0kp1-a2d2e6eb6b73ac933b7b21ac10cbf36f
I also note that your author box is quite tall on my desktop, you may want to make it shorter so it will fit in smaller screens.
For this the css only works after 1905px so the whole box is shown, you will not be able to scroll in the box to see all of the content.
Another option would be to use the WP Sticky Anything plugin.Best regards,
MikeHi,
Glad that the update worked for you. I have not used the GT Translate plugin and I don’t see any errors in the browser console on your site.
Please open a new thread for this new issue, since the opening title for this thread is now solved, this helps other users find solutions based on the opening subject line quicker and helps keep the thread length manageable and on topic for multiple mods to assist. Thank you for your understanding.Best regards,
MikeHi,
Go straight to the current version.
I do not expect any issues when updating from 4.2.1 to 7.1.1, but as good practice you should first make a full backup of your site.Best regards,
MikeHi,
Typically that is where you would install the latest theme from your Envato (Theme Forest) account.
But there is no v99.99.99, so my concern is that your current install has been tampered with. Someone modified it.
I recommend creating a full backup first, files & database, in your webhost tool, not a plugin.
Then backup your theme settings under Enfold->Import/Export, and manually copy your Quick CSS and WordPress ▸ Customize ▸ Additional CSS to a plain text file.
Then try installing the current version like this:
Download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Best regards,
MikeHi,
If you bought the theme in your Envato (Theme Forest) account, then you can download the updates. Support in the forum is different.
If your developer bought the theme and you don’t have an Envato (Theme Forest) account, then you will need to purchase a new license.
I do not expect any issues when updating from 4.2.1 to 7.1.1, but as good practice you should first make a full backup of your site, files and database.
Please use your webhost backup tool and not a plugin, most plugins do not restore well.
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Best regards,
MikeHi,
Glad that this worked for you, I’m not sure whytranslateX(-${shift}px)
was stripped from your test, but it’s in the code above. Nonetheless, glad that it is working for you now.
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad to hear that you have this sorted out, shall we close this thread then?Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey rixi,
I notice that on mobile not all of the dates show, only every other one, so to correct try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
and ensure that it is activated, then add the bellow code and save.function custom_timeline_script_for_mobile() { ?> <script> document.addEventListener('DOMContentLoaded', () => { // Check if there are any .av-milestone-even elements const milestones = document.querySelectorAll('.av-milestone-even'); if (milestones.length === 0) return; // Exit if no milestones found // Define the media query for screens smaller than 989px const mediaQuery = window.matchMedia('(max-width: 989px)'); // Function to reorder elements const reorderMilestones = () => { if (mediaQuery.matches) { milestones.forEach(milestone => { const date = milestone.querySelector('.av-milestone-date'); const icon = milestone.querySelector('.av-milestone-icon-wrap'); const content = milestone.querySelector('.av-milestone-content-wrap'); // Ensure all elements exist before reordering if (date && icon && content) { milestone.innerHTML = ''; milestone.appendChild(date); milestone.appendChild(icon); milestone.appendChild(content); } }); } }; reorderMilestones(); mediaQuery.addEventListener('change', reorderMilestones); }); </script> <?php } add_action( 'wp_footer', 'custom_timeline_script_for_mobile', 99 );
Then I notice that one of your content boxes has too much padding for the list:
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 989px) { .av-no-preview ul.avia-timeline-vertical .av-milestone-content li { padding: 0; } }
Changing the content padding and font size of the title and content may also help:@media only screen and (max-width: 989px) { .avia-timeline-boxshadow .av-milestone-contentbox { padding: 1em; } #top #wrap_all .all_colors h4.av-milestone-title { font-size: 20px; } .av-milestone-content p, .av-milestone-content li { font-size: 12px; line-height: 18px; } }
Best regards,
MikeHey jkos,
When you set the background image to Scale to fit it scales image, so the whole image is always visible, this includes the height. Which is why the image does not reach the sides.
At Stretch to fit it stretches the image width to cover the page, less the 50px padding that the page has by default.
The height of your column is not set so the content is determining the height, but you have little content so the whole background image is not shown. If you set the column height to 150% then it will show.
But I recommend trying the color section instead because the background image will then be full width. I created a test page linked below to demonstrate.
Since the color section wants to vertically center the content, I added this css to the bottom of the page so your content will be higher:.responsive #top #wrap_all .avia-section.av-minimum-height-99vw .container { display: flex; justify-content: center; margin-top: 15%; max-width: fit-content; }
The reason your text is off the screen for mobile is because your text has 800px padding, which is larger than a mobile screen:
to correct this you could change it to a percentage, or for this I created a css grid for two columns to achieve the layout without padding, and on mobile the grid is stacked. See the test page below.
For others, this is the HTML for the two columns:<div class="parent"> <div class="div1"> first column text </div> <div class="div2"> second column text </div> </div>
and this is the css:
@media screen and (max-width: 789px) { .parent{ grid-template-columns: 1fr; grid-template-rows: 1fr; } } @media screen and (min-width: 790px) { .parent { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } .div1 { grid-area: 1 / 1 / 2 / 2; } .div2 { grid-area: 1 / 2 / 2 / 3; } }
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
I’m not sure why your theme is not manually updating, each of the errors are for a different language file that can not be copied, perhaps your file permissions are not correct. Directories should have 755 permissions and files should have 644 permissions. Try asking your webhost to check your permissions.
Or you could try updating via FTP, but if the permissions are not correct, you may have more errors the next time that you update.As for your Token for automatic updates, your username and email don’t seem correct:
are you sure that you have used the correct Token permissions?
I see that you also have the Envato Market plugin, but it also gives a “Updating failed. The file could not be copied” error which maybe also due to file permissions, so I would check with your webhost.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey John,
This is not an Enfold class, I doubt it is a WordPress class, probably a plugin class or a browser plugin.Best regards,
MikeHey Jon L,
Typically, this is because you did not install the installable WP version from your Theme Forest account, you probably tried to install the full theme package with the documentation.
Try downloading the installable WP version, or extract the one you have and look for the enfold.zip file inside and upload it to install.Best regards,
Mike -
AuthorPosts