Forum Replies Created
-
AuthorPosts
-
Hey marco593,
Thank you for your patience, the following javascript will add the chart title to the center of the Doughnut Chart,
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 this code and save.function doughnut_chart_with_title_in_center() { ?> <script> document.addEventListener('DOMContentLoaded', function() { function waitForChartJs() { if (typeof Chart === 'undefined') { setTimeout(waitForChartJs, 50); } else { registerCenterTitlePlugin(); } } function registerCenterTitlePlugin() { Chart.register({ id: 'centerTitle', beforeInit: function(chart) { // Dynamically hide the title and legend const options = chart.options; if (options.plugins) { if (!options.plugins.title) { options.plugins.title = {}; } options.plugins.title.display = false; // Hide title if (!options.plugins.legend) { options.plugins.legend = {}; } options.plugins.legend.display = false; // Hide legend } }, afterDraw: function(chart) { if (chart.config.type === 'doughnut') { const ctx = chart.ctx; const width = chart.width; const height = chart.height; const fontSize = (height / 114).toFixed(2); ctx.font = fontSize + "em sans-serif"; ctx.textBaseline = "middle"; ctx.textAlign = "center"; // Use existing title if set, otherwise use a default text const text = chart.options.plugins.title.text || 'Your Title Here'; const textX = width / 2; const textY = height / 2; ctx.fillText(text, textX, textY); } } }); } waitForChartJs(); }); </script> <?php } add_action( 'wp_footer', 'doughnut_chart_with_title_in_center', 99 );
Best regards,
MikeHey Stefan,
I believe that you are referring to this button:
It seems to look correct to me, the orange arrow expands the button options and they also show in the center of the mobile screen.
Perhaps a screenshot of what you see would help.Best regards,
MikeHey Yaphoon,
You could use a button element with the “Dark Transparent” option and disable the button border, then only the button text will show.
You can also use the advanced options in the button element to set the hove color.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 androklis,
Try creating a second menu that has the full menu item url back to the homepage and use that menu on the other pages and use the menu with just the hash tags on the homepage.
Then use this filter in your child theme functions.php to display the different menus:add_filter( 'wp_nav_menu_args', 'home_nav_menu_args' ); function home_nav_menu_args( $args = '' ) { if($args['theme_location'] === 'avia') { if( is_page( 627 ) ) { $args['menu'] = '25'; } return $args; } } add_filter( 'wp_nav_menu_args', 'other_nav_menu_args' ); function other_nav_menu_args( $args = '' ) { if($args['theme_location'] === 'avia') { if( is_page( 3 ) ) { $args['menu'] = '24'; } return $args; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHi,
I tested your page with this script and it looks like the click is on the av-horizontal-gallery-next button, try disabling the Gallery Image Rotation.jQuery(document).on("click", "body,html", function(event) { console.log("Clicked Element:", event.target); console.log("Element Classes:", event.target.className); console.log("Element ID:", event.target.id); console.log("Element Tag Name:", event.target.tagName); console.log("Parent Elements:", getParentElements(event.target)); }); function getParentElements(element) { var parents = []; var currentElement = element.parentNode; while (currentElement !== null) { parents.push(currentElement); currentElement = currentElement.parentNode; } return parents; }
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_elegant-blog #top .post-entry .blog-categories { display: inline; margin-left: 10px; } .html_elegant-blog #top .slide-content .slide-meta { display: inline; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#main .avia-section { z-index: 2; position: relative; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
When I checked it was collapsed, but it’s there and there is no image added:
So try adding an images and I imagine that they will show on the frontend.
If you don’t see in with your login try ensuring that it is enabledin the WordPress Block Editor options:
or try using the login you posted for us.Best regards,
MikeHi,
Try opening the slider, then open your slide, then go to the Advanced tab and look for the Heading Tag option.Best regards,
MikeHi,
As I understand you are using cloudflare with Google Recaptcha v2 and when you use either the Enfold contact form or wpforms sometimes the email come in Chinese.
Is this correct? I don’t think that you are using a multi language site nor using Chinese, and it looks like you have tried disabling everything except the cloudflare.
Your pastebin code was removed so we can’t see it. Try disabling the cloudflare.
Also try using WP Mail SMTP so your mail is sent though your webhost SMTP mail server instead of the standard PHP mail that WordPress uses. You will want to use the “Other SMTP” option in the plugin and then get your SMTP server info from your webhost, this video should help you set it up
I would recommend using SMTP for your site email anyways, so if this doesn’t help with the Chinese issue, it will help with your overall WordPress mail, so it is worth the extra steps.Best regards,
MikeHey kuba9991,
I see that you have this error in the browser console:
Uncaught SyntaxError: Unexpected token '<'
try removing the code comments:
<!-- GetResponse Analytics --> <!-- End GetResponse Analytics -->
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHi,
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,
Mike -
AuthorPosts