Forum Replies Created
-
AuthorPosts
-
Hey Stefano,
Thank you for your patience, please try resaving your theme settings to rebuild the css files and clear and cache plugins and server cache.
If this doesn’t help please include an admin login in the Private Content area.Best regards,
MikeHi,
Thank you for your patience, and the login, while I was able to see the frontend for a short time I tried to use the admin login and your site had a htaccess login which I couldn’t pass in order to see the admin login page for WordPress after those failed attempts I now get this error for your siteERR_CONNECTION_TIMED_OUT
so I assume that I’m locked out, please check and provide further logins.
We can help sort out why your columns are not working as you wish, but there is also another approach that will reverse your columns for mobile, instead of having 4 columns and hiding two at a time. We will still need to see your site to help with this, but perhaps this would be something you would like to try?Best regards,
MikeHey julhobart,
Thank you for your patience, but I can’t view your page without a login, I get this error:401 Authorization Required
Please include an admin login in the Private Content area.Best regards,
MikeHey bemodesign,
Thank you for your patience and the link to your site, Enfold doesn’t have an advanced popup option built-in, so I would recommend the WP Popups plugin as it has worked well in the past, or if you have experience with another popup plugin you could also try it.
Typically the popup plugins will allow you to add shortcode to them, you can get the mailchimp shortcode 2 ways, one would be to open a new post and use the shortcode wand to create a new element and copy the shortcode into the popup:
The second way would be to Enable the Avia Layout Builder Debugger and copy your page element shortcodes into the popup.
I don’t recall if this popup plugin allows you to use a page link as an iframe for the popup, but that might also be an option since you already have a built page.Best regards,
MikeAugust 1, 2021 at 7:41 pm in reply to: cells no longer outlined in Ninja forms after Enfold update #1313719Hey 34oldcat29,
Thank you for your patience and the link to your page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select, #top .ninja-forms-field.nf-element { border-color: #777; }
Best regards,
MikeAugust 1, 2021 at 7:33 pm in reply to: Social Media Links in Top Bar do not appear on Mobile #1313717Hey Eleina_Shinn,
Thank you for your patience, the social icons typically don’t show on mobile, but you can use this css to show them.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 767px) { .responsive #top #header .social_bookmarks { display: block !important; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Daniel,
Thank you for your patience, there is not a built-in way to do this, but you could try this approach.
In this example we will change the Minimal Progress Bar from percentages to dollar values using a script, first we will add the custom ID dollar-example to the element
Set your percentages to how far you want them to show, you can calculate your goal or just guess, this is only for looks.
Then add this css to your Quick CSS, it will add the dollar symbol to the values#dollar-example .avia-progress-bar .progressbar-percent .av-bar-counter:before { content: "$"; }
Then add this script to the end of your functions.php file in Appearance > Editor:
function custom_progressbar_script() { ?> <script> (function($){ $(document).ready(function(){ $("#dollar-example .avia-progress-bar .progressbar-percent").contents().filter(function(){ return this.nodeType == 3; }).remove(); $("#dollar-example .avia-progress-bar:nth-child(1) .progressbar-percent .av-bar-counter").attr('data-number', 50000); $("#dollar-example .avia-progress-bar:nth-child(2) .progressbar-percent .av-bar-counter").attr('data-number', 45500); $("#dollar-example .avia-progress-bar:nth-child(3) .progressbar-percent .av-bar-counter").attr('data-number', 39000); $("#dollar-example .avia-progress-bar:nth-child(4) .progressbar-percent .av-bar-counter").attr('data-number', 11500); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_progressbar_script');
The first line of the script removes the percentage symbol, the next 4 lines replace the values of the 4 progress bars in the example. For this example $50,000 = 100%.
You will need to manually change the values.
The expected results
Best regards,
MikeAugust 1, 2021 at 4:47 pm in reply to: Editing raw HTML/pagecode after using advanced layout builder ? #1313711Hey Hans,
Thank you for your patience, you can manually edit the Advanced Layout Builder shortcode by Enabling Avia Layout Builder Debugger
this will add an additional field below the Advanced Layout Builder where you can edit the shortcode
You can copy all of this code to a plain text editor such as VS Code and edit by search & replace and then paste back into the debugger field and save.Best regards,
MikeHey Eleina_Shinn,
Thank you for your patience, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (min-width: 1023px) { #main .av-inner-tab-title, #main .av-tab-section-icon, #main .av-tab-arrow-container, #main .av-tab-section-image { width: 190px; } #main .av-tab-section-image { height: 190px; } }
Best regards,
MikeAugust 1, 2021 at 4:09 pm in reply to: Can't find a way to change alignment of menu in header #1313708Hey Bodyworkcenter,
Thank you for your patience, I believe I understand correctly, if so try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.html_header_top #top #wrap_all .av_header_stretch #header_main > .container { width: 100%; } .responsive #top #wrap_all #header #header_main .inner-container .main_menu { background: #f5e1c2 !important; } .responsive #top #wrap_all #header #header_main .inner-container .main_menu { height: 45px !important; } .responsive #top #wrap_all #header.av_minimal_header { margin-bottom: 0; }
Please see the before & after screenshot in the Private Content area.
Best regards,
MikeHey aacolema,
Thank you for your patience but both of the links are leading to Account Suspended pages, please check. Also your post referenced the Elementor so I assume there is a conflict with it, please don’t use other page builders with Enfold as Enfold has it’s own custom page builder that is not designed to work with other page builders.Best regards,
MikeHi,
Thank you for your patience and for the login, I don’t see a reason for this error right off but I do see this errorWordfence installation is incomplete
please try Resuming the Installation perhaps this will solve. If not please enable the WordPress theme editor so we can see the child theme functions.php to see if there is a redirect script there. Also check the One.com plugin and the Page Builder by SiteOrigin plugin to see if they have a maintenance mode option, the One.com plugin leads to another login so I can’t see the options. If none of this helps try disabling all of the plugins so we can see the error with only Enfold enabled to try to figure out what is happening. Do you know when this may have occurred?Best regards,
MikeHi,
Sorry, I see there has been a misunderstanding, so in my original post about this css:#top.postid-1307 .main_color .input-text, #top.postid-1307 .main_color input[type='text'], #top.postid-1307 .main_color input[type='input'], #top.postid-1307 .main_color input[type='password'], #top.postid-1307 .main_color input[type='email'], #top.postid-1307 .main_color input[type='number'], #top.postid-1307 .main_color input[type='url'], #top.postid-1307 .main_color input[type='tel'], #top.postid-1307 .main_color input[type='search'], #top.postid-1307 .main_color textarea, #top.postid-1307 .main_color select { background-color: #ffffff !important; }
I believed that there was only one page or post that you wanted this to work on, so I suggested using the post ID .postid-1307 which would be specific to that one page or post, but I see now that you wanted to use a custom class for this element to determine when it would be white, so in that case I changed your element custom ID from this:
to this custom class white-input:
and I changed your Quick CSS to this:#top .main_color .white-input .input-text, #top .main_color .white-input input[type='text'], #top .main_color .white-input input[type='input'], #top .main_color .white-input input[type='password'], #top .main_color .white-input input[type='email'], #top .main_color .white-input input[type='number'], #top .main_color .white-input input[type='url'], #top .main_color .white-input input[type='tel'], #top .main_color .white-input input[type='search'], #top .main_color .white-input textarea, #top .main_color .white-input select { background-color: #ffffff !important; }
This now works correctly for these two pages:
Please clear your browser cache and check, and adjust any other pages.
Best regards,
MikeHi,
Thank you for the login I added this to the bottom of your Quick CSS for the submit button and the comment-count circle, it doesn’t seem to change your startpage button:#top .main_color .form-submit > #submit, #top .main_color .comment-count { background-color: #719430; }
please clear your browser cache and check.
Best regards,
MikeJuly 31, 2021 at 5:31 pm in reply to: Can not over-ride Special Headings with [developer setting] [custom css class] #1313605Hi,
Thank you, 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,
MikeJuly 31, 2021 at 5:29 pm in reply to: How to remove breadcrumb underline separator from store? #1313603Hi,
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,
MikeJuly 31, 2021 at 3:34 pm in reply to: Can not over-ride Special Headings with [developer setting] [custom css class] #1313596Hi,
Thank you for your patience, I see your last reply says … and that now works fine, so thankyou case closed.
but you end with … naturally all the workaround <h1 class=”skk-article-title”> form embeds are now broken
did you sort out this last part, and shall we close this then?Best regards,
MikeHey Telepsy_NL,
Thank you for your patience, but I have not tried any AB or split testing plugins, and I don’t recall any threads about this in the past. I imagine it depends on how much info you would like to gather from your testing which could be pretty deep, but for some basic testing you could use some jQuery like this to randomize the url of an element click:(function($) { $(document).ready(function(){ $('#intro').click(function(){ if(Math.random() > 0.5) { window.location.href = "https://your-site.com/portfolio/"; } else { window.location.href = "https://your-site.com/elements/"; } }); }); }(jQuery));
and use Google Analytics to track the “hits”
For something more advanced I found this article about a script called Cohorts which seems promising.
Hopefully, this helps in some way.Best regards,
MikeHi,
Thank you for your patience and for the link to your site, you are seeing this because something is changing your page title from the default “Search Results for…” to “1” I believe this is probably a conflict with a plugin, please try disabling all of your plugins and checking again. I can not reproduce this on a new install with Enfold.Best regards,
MikeHey whdsolutions,
Thank you for your patience and the link to your site, I’m seeing two “nextsection” IDs, one for the color section and one for the first column in it, please try removing one of these IDs.Best regards,
MikeHi,
Try adding the post ID to the css like this:#top.postid-1307 .main_color #submit, #top.postid-1307 .main_color input[type='submit'], #top.postid-1307 .main_color .comment-count { background-color: #719430; }
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,
MikeJuly 31, 2021 at 11:32 am in reply to: How to remove breadcrumb underline separator from store? #1313581Hi,
Thanks for the feedback, please try this css instead:#wrap_all #main > .title_container > .container > .breadcrumb { position: relative; right: unset; display: flex; justify-content: center; }
After applying the css, please clear your browser cache and check.
I tested it on the random pages linked below.Best regards,
MikeHi,
Thank you for your patience and for the link, I examined the first item and I believe we can set the z-index to the link higher that the grid content and also set the link mouse-over opacity to zero so the grid content will show.
please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top .grid-entry .inner-entry a:hover .grid-content { opacity: 1; } #top .grid-entry .inner-entry a:hover { opacity: 0 !important; } #top .grid-entry a { z-index: 1; } #top .grid-entry .grid-content { z-index: 0; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience and for the login, are all of the other menu items in the correct location? I ask because you have a complex menu structure, I would recommend removing the one item “Thrombocytopenia (Low Platelet Count)” and adding it back in, when you add it back it will show and the bottom of the menu and when you drag it into place watch carefully for it’s location. I would recommend using a mouse for this rather than a touch screen.Best regards,
MikeJuly 30, 2021 at 12:43 pm in reply to: How to remove breadcrumb underline separator from store? #1313444Hi,
Thank you for your patience, to center your breadcrumbs for your products please try this css:#top.single-product #main .title_container .breadcrumb { right: 25%; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Please try this css:#top .main_color .comment-text { color: #000; } #top .main_color .center-border { border-color: #000; }
Best regards,
MikeHi,
Thank you for your patience, I’m not sure that I understand your request correctly because you asked for many text changes but these seem to be in place so I will jump to changing the button & comment circle color.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top .main_color #submit, #top .main_color input[type='submit'], #top .main_color .comment-count { background-color: #719430; }
After applying the css, please clear your browser cache and check.
In your second post you asked to change the input field color to white for only one page, but the input field is already white, so as an example please see this code and change the color lightgray to your choice, and please note the post ID postid-1307 and change this for the page or post that you want this to work for, currently it is set to the post you linked to.#top.postid-1307 .main_color .input-text, #top.postid-1307 .main_color input[type='text'], #top.postid-1307 .main_color input[type='input'], #top.postid-1307 .main_color input[type='password'], #top.postid-1307 .main_color input[type='email'], #top.postid-1307 .main_color input[type='number'], #top.postid-1307 .main_color input[type='url'], #top.postid-1307 .main_color input[type='tel'], #top.postid-1307 .main_color input[type='search'], #top.postid-1307 .main_color textarea, #top.postid-1307 .main_color select { background-color: lightgray !important; }
Best regards,
MikeJuly 30, 2021 at 10:43 am in reply to: Tabular Data Table (scrollable) inside of a tab section on mobile #1313414Hi,
Thanks for the feedback, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 767px) { #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title { width: 50% !important; } #top #wrap_all .av-tab-section-tab-title-container .av-section-tab-title .av-tab-arrow-container { margin: auto; } }
After applying the css, please clear your browser cache and check.
This is the expected results at 425px:
Best regards,
MikeHi,
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,
Mike -
AuthorPosts