Forum Replies Created
-
AuthorPosts
-
Hi,
Thanks for the login, I see you are using v4.6.3.1, the latest version is v5.6.12
If you have trouble updating by downloading 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,
MikeHey Hans Löwer,
Thanks for your question, your theme version is very old, unfortunately a while back Envato (Theme Forest) changed how updates are done and you will need get the latest version from your Envato account and manually update, then after you update you can create a Envato Token in your Theme Forest account so that future updates can be done easily, but your current version will not work with the Envato Token.
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,
MikeApril 3, 2024 at 5:47 pm in reply to: The “avia-head-scripts” error persists despite trying all recommendations #1439104Hi,
Glad to hear that you have this sorted out, 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,
MikeApril 3, 2024 at 5:40 pm in reply to: :hover effect on child divs when hovering over parent. #1439103Hi,
Try changing your css to this:#top .layout-wholebox:hover .layout-image { filter: grayscale(100%); transition: all 0.4s ease-in-out; }
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,
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,
MikeHey SimonePols,
Did you add featured images to each portfolio item? If you did perhaps a plugin is preventing them from being included, try disabling all of your plugins and then reload the page. If that resolves the issue, reactivate each one individually and reload the page until you find the conflict. Otherwise include a admin login in the Private Content area so we can examine.Best regards,
MikeHey StephenStamp,
Thank you for your patience but the Enfold Advanced Layout Builder is not compatible with “blocks” and you can not enable the Block Editor on product pages.
It is not recommended to manually edit the Shop page with the Advanced Layout Builder, but it is possible, see our documentation here and then you could add a product slider element to use for your featured products.Best regards,
MikeHi,
Glad Rikard 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,
MikeHi,
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:
then add the code and save.Best regards,
MikeApril 2, 2024 at 5:47 pm in reply to: :hover effect on child divs when hovering over parent. #1439010Hi,
It would be easier to help you if you had a test page that we could see, but as I look at your css above the code for the image background has too many places, most browsers only support six places in a color code, and you are adding a background to an image on hover which you will not see, because it is behind the image.
Try using a grayscale filter on the image like this:#top .layout-wholebox:hover .layout-image { transition: opacity 0.4s ease-in-out !important; filter: grayscale(100%); }
Here is an example of some other filters that you can use.
Best regards,
MikeHey aaronjosephhall1,
We could move them will javascript, please link to your page and include a screenshot of where you want them to be, that is between which post elements.Best regards,
MikeHi,
To change the color of the widget title for both pages try this css:#top #wrap_all .all_colors .widgettitle, #top #custom_html-2 > h3.widgettitle { color: #000000; text-transform: none; font-size: 23px; font-weight: 200; }
to show the footer on tablet you need to change the css to show for tablet, we will say it is 768px, so use this:
@media only screen and (min-width: 768px) { #top:not(.page-id-3288,.page-id-3593) #footer { display: none; } } @media only screen and (max-width: 767px) { #top #footer { display: none; } }
some tablets are different sizes like 1024px & 1366px, but 768px should cover all of them.
Best regards,
MikeHi,
It sounds like you have sorted this out, shall we close this thread then?Best regards,
MikeHey schwabino,
I would wrap your code in this and add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> //your code here </script> <?php } add_action( 'wp_head', 'custom_script', 99 );
Best regards,
MikeHi,
Perhaps there is a way around this, but I don’t know how you are usingdynamic_sidebar( 'Footer - Column 1' );
to display a specific widget on a specific page, but it seems like re-inventing the wheel when there is a plugin that will add this option to your widgets already.
I would imagine that you would use an IF statement to check the page ID and your “else” would be empty or a different widget for when the IF statement was not true, so in this case you don’t need to “remove” the widget, it just would not show in the first place, that is the approach that makes the most sense.Best regards,
MikeHi,
When I check your page on desktop the css I posted above is not applied, and this is what makes the button larger and center, so I don’t know if you have an error in your css, or if you didn’t add it because you didn’t understand, but this is the desktop part of the css that you should ensure to use:@media only screen and (min-width: 768px) { #top .caption_bottom .slideshow_caption .slideshow_inner_caption { position: relative; text-align: center; } #top .slideshow_inner_caption .avia-slideshow-button.avia-button { width: 300px; height: 100px; font-size: 24px; } .html_header_transparency #top #main .caption_bottom .slideshow_caption { padding-top: 0; } }
this is the result:
I now assume that you now wanted the button to move up a little, so you would then add this css:@media only screen and (min-width: 768px) { .slideshow_inner_caption { top: -100px; } }
for this result:
feel free to adjust to suit.Best regards,
MikeHi,
Your error message is for a plugin called full-site-editing
Try disabling it.Best regards,
MikeHi,
You don’t want to try the plugin? I’m recommending this so you will be able to easily make changes in the future.Best regards,
MikeApril 1, 2024 at 5:50 pm in reply to: Main menu: from symbol to text and width of both menus #1438920Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 450px) { .slideshow_inner_caption { top: -30px; } }
After applying the css, please clear your browser cache and check.
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,
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,
This css was to be used with the plugin Widget Options that I recommended above, to show each widget only on specific pages.
This will really make it easy for you as you add more widgets for more pages, or if you change the widgets in the future.
And originally you had the widget in a single column that was full width, place both widgets in the same column so they will be centered, right now you have two half columns which will not center.Best regards,
MikeApril 1, 2024 at 1:02 am in reply to: Text with Image on mobile (further question to closed topic) #1438864Hey northorie,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #hello .avia_textblock img { width: 50%; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results for mobile.Best regards,
MikeHey dreamreader,
Your desktop header is using the option in the admin sidebar for Header visibility and transparency ▸ Header is invisible and appears once the users scrolls down this option doesn’t work for mobile.
You could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #header.av_header_transparency { display: none; } #top #wrap_all #header.av_header_transparency ~ #main { padding-top: 0 !important; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Your header is transparent the gray that you see is from the top color section on the page:
when the header is scrolled the #897270 color is from your Logo Area Color:
if you don’t want a transparent header change the setting on the page in the backend in the admin sidebar:
As for the header widget, I disabled the above css and added this:@media only screen and (min-width: 990px) and (max-width: 1670px) { #header_main .inner-container .widget .textwidget { margin-left: -196%; } } @media only screen and (min-width: 990px) and (max-width: 1440px) { #header_main .inner-container .widget .textwidget p span { font-size: 14px !important; } } @media only screen and (min-width: 1441px) and (max-width: 1670px) { #header_main .inner-container .widget .textwidget p span { font-size: 18px !important; } } #header_main .inner-container { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } #header_main .inner-container .widget { padding: 0; } #header_main .inner-container .widget .textwidget { align-content: center; height: 100%; }
please clear your browser cache and check.
Best regards,
MikeHey Simijonovic,
the Skype protocol is not whitelisted in WordPress, and URL beginning by skype is stripped by WordPress, try the plugin Allow Skype ProtocolBest regards,
Mike -
AuthorPosts