Forum Replies Created
-
AuthorPosts
-
Hey advteksol,
Thanks for the login, I added this css to your Quick CSS:#top.page-id-821 #main .togglecontainer .toggle_wrap.active_tc .toggle_content { background-color: #072f4c; color: #fff; }
I added the page ID so it will only work on the FAQ page so it won’t interfere with other toggles on your site.
Please clear your browser cache and check.Best regards,
MikeHey jaimemerz,
Thank you for your patience and the login, when I check I see 7 failed orders and in the Order details, it says
Could not process order. Order status changed from Pending payment to Failed.
It looks like these failed in the payment processing, it looks like many are being approved so perhaps these people made an error in their info.
Try checking with your payment processor, this doesn’t look like a theme issue.Best regards,
MikeHi,
Thanks Guenni007
GoodfishGroup_Marketing were you able to sort this out, shall we close this 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,
MikeHi,
Thank you for sharing your filter, 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,
Thanks for the login, the first issue I found was that you had jQuery errors because it was not loading correctly, I found that your Performance Cache plugin was causing the issue and enabling it in the Exclude these Header Scripts option solved.
The second issue I found was that you had the Autorotation disabled and the slider arrows disabled so there was no way to see the slider work, I enabled the Autorotation so you can see it work.
Please clear your browser cache and check.Best regards,
MikeHey Chris,
Thank you for your patience, the scrolling effect of the Horizontal Gallery has two options, one is to enlarge the active image and move to the next with each click, the second doesn’t enlarge the image but it also moves to the next with each click, it doesn’t “scroll” through the images it “steps” through them.
To change this would require re-writing the script, a better solution is to enlarge the current image so that the users will know which image is active.
I see that you say you are using this for products, perhaps the Product Slider (see the top element “Recent Top Sellers”) would be a better option as it slides the way you wish.
Anyways to add a caption & sub caption below the Horizontal Gallery you first need to add a image title and alt in the media library, not the caption in the Horizontal Gallery
then add this code to the end of your functions.php file in Appearance ▸ Editor:function horizontal_gallery_subline(){ ?> <script> (function($){ $('.av-horizontal-gallery-link').css({'bottom':'30px'}); $('.av-horizontal-gallery-img').each(function(){ var imgTitle = $(this).attr('title'); var imgAlt = $(this).attr('alt'); $(this).after('<span class="title-under-image">' + imgTitle + '</span><span class="alt-under-image">' + imgAlt + '</span>').css({"margin": "-20px 0"}); $(this).css({'padding-bottom' : '20px','background-color' : 'transparent'}); $('.title-under-image').css({"display":"block","text-align": "center","color": "#000","font-weight":"bold"}); $('.alt-under-image').css({"display":"block","text-align": "center","color": "#444"}); }); })(jQuery); </script> <?php } add_action('wp_footer', 'horizontal_gallery_subline');
Best regards,
MikeHi,
Thanks for sharing Guenni007, the css from your example page and the script above make a great easy to use solution.Best regards,
MikeHi,
Glad to hear that you sorted this out, as for you last request, I believe you mean that the category titles are in uppercase and at the lower-left corner, you can change to title case and center with this css:#main .template-page .entry-content-wrapper h2 { text-transform: capitalize; text-align: center; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMarch 2, 2022 at 2:22 am in reply to: Personal Token or Single Use Token for a client that won't give me login! Hurry! #1342783Hi,
Thanks for the feedback, I see that you are referring to the Envato Market Plugin, this documentation says that you would need access to the client’s backend to enter your personal token in the Single Item Token field for them, so it’s not a Single Item Token that you create on your end and you can email them the code, this documentation says you should not give them your personal token. So it looks like he will need to give you access again.Best regards,
MikeMarch 1, 2022 at 2:02 pm in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1342711Hi,
Thank you the login, the “Bookmarks” widget was from the “demo” of the theme, it shows when there is an empty widget column.
I added an empty text widget to the column which turns the “demo” off, once you add a new widget there you can remove the empty text widget.I see the missing footer on your page /footertest-slider-and-empty-color-section/ for mobile when the empty color section is applied, yet when I test this on my demo site this error doesn’t occur, please see my test page below.
Please try disabling all of your plugins to see if this corrects, if it does enable the plugins one at a time until the error occurs again.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,
MikeMarch 1, 2022 at 3:09 am in reply to: Personal Token or Single Use Token for a client that won't give me login! Hurry! #1342626Hey cmeurer,
Thank you for your question, I’m not aware that a single-use Token can be created, if so then you would have to give it to the client to enter themselves into the theme update option.
But as I understand you would have to give them your personal token that probably give him full access.Perhaps an option would be to send him the latest version and he can follow the following steps to update himself:
To update upload the theme zip file 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 kimberley1975,
Thanks you for your question, you won’t see a place to enter a token in version 3.8.4, it’s just too old if you are using a current version of WordPress you can update the theme though the WordPress theme option like this:
To update your version of Enfold you will need to download the latest 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.
Since you are using such an old version I would recommend making a full backup or creating a staging site to test on first, I don’t expect any issues but it’s better to be safe.
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,
Thanks for the feedback, you changed the timing correctly, to add a third color try like this:.avia-team-member .team-img-container img { border-style: dotted; border-width: 15px 15px 15px 15px; border-color: #eeee22; -webkit-animation: borderBlink 0.2s step-end infinite; animation: borderBlink 0.2s step-end infinite; } @-webkit-keyframes borderBlink { from, to { border-color: #fff; } 33% { border-color: #eeee22; } 66% { border-color: #00FAFE; } } @keyframes borderBlink { from, to { border-color: #fff; } 33% { border-color: #eeee22; } 66% { border-color: #00FAFE; } }
Best regards,
MikeHi,
There is a partial list of animation classes in our documentation , to use the timeline fadein animation that will also use the waypoint, so it will trigger when the element in view, you would use these classes with no dots and separated with a space, like this:
avia_animate_when_visible fade-in av-animated-generic
the avia_start_delayed_animation class starts the animation on page load and doesn’t wait for the element to be in view, so it depends on when you want the animation to be triggered.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 Jak73,
Thanks for the link to your site, I see you are currently using this css to make a yellow dotted border around your team members:.avia-team-member .team-img-container img { border-style: dotted; border-width: 15px 15px 15px 15px; border-color: #eeee22; }
change this to this:
.avia-team-member .team-img-container img { border-style: dotted; border-width: 15px 15px 15px 15px; border-color: #eeee22; -webkit-animation: borderBlink 1s step-end infinite; animation: borderBlink 1s step-end infinite; } @-webkit-keyframes borderBlink { from, to { border-color: #fff; } 50% { border-color: #eeee22; } } @keyframes borderBlink { from, to { border-color: #fff; } 50% { border-color: #eeee22; } }
After applying the css, please clear your browser cache and check.
the dotted border should now flash yellow & white.Best regards,
MikeHi,
@samdive thank you for the login, I see that you have an old footer.php & header.php in your child theme, please save these to your computer and remove them from your child theme.
Then your site will work correctly.
I’m not sure what customizations are in your old footer.php & header.php but if you want these customizations in your updated site you can make these customizations in a copy of the new footer.php & header.php from v4.9 and add them to your child theme.Best regards,
MikeHi,
Thanks for the login, it seems like the Regenerate Thumbnails was not working correctly, because when I used the Regenerate Thumbnails option in the Simple Image Sizes plugin the thumbnails were resized. Then I noticed that while the image sizes were correct they were show at full width on the blog page, so I added this css to your child theme stylesheet:#top.blog .big-preview.single-big { max-height: 580px; max-width: 845px; margin: auto; }
now the featured images on your blog page /news/ are showing correctly.
Please clear your browser cache and check.Best regards,
MikeHi,
Thank you Guenni007 this is a good point.
So to expand on the above example to trigger the animation when the element is in view and not just on page load, we will add the class avia_animate_when_visible to the custom class with a space after the text-box-left or text-box-right classes
and changed the css to this:@keyframes slide-in-left { from { transform: translateX(-100%); } to { transform: translateX(0%); } } @keyframes slide-in-right { from { transform: translateX(100%); } to { transform: translateX(0%); } } .text-box-right.avia_start_animation { animation: slide-in-right 1000ms; } .text-box-left.avia_start_animation { animation: slide-in-left 1000ms; }
note the avia_start_animation class in the css, the waypoint script that Guenni007 pointed out changes the avia_animate_when_visible class to avia_start_animation so the css will work.
Best regards,
MikeHi,
Thanks, I’m not sure why this is not working, I disabled it for now and asked the rest of the team for ideas.Best regards,
MikeHi,
Very good, we will keep this open to hear back from you.
Typically I find using Keyframe Animations the easiest to use, this article is pretty good but if you search Google I’m sure you will find more examples that you can easily add to your css.Best regards,
MikeHi,
Glad this helps, you would need to add the animation to the css, please link to your site so I can see what you have achieved and link to the animation you wish for, many of our demos have different animated transitions so it would be better to see what you want.Best regards,
MikeFebruary 27, 2022 at 7:31 pm in reply to: Not seeing any opportunity to update…afraid to import fresh #1342483Hey tinam12,
Thanks for your question, unfortunately your version 4.7.6.4 (Oct 5, 2020) was not comparable with WP 5.6+ this was fixed in v4.8 (Mar 4, 2021)
The update solution below will not cause any lost of customization, but this assumes that your developer didn’t make any customizations to the core theme files, and that the developer used a child theme for any customizations. If the developer made changes to the core theme files and you don’t know to save these files to your computer to copy the customizations to your update, they will be lost.
I imagine you are not aware of this one way or another, so if you want to include a link to your site and admin login in the Private Content area we could take a look for you.
The very best way to test if your site will experience any issues with an update is to check if your webhost has the one click staging site option, this is an option in most cPanels to create a staging clone of your site so you can test on it and real your site will stay up and running. You can always ask your webhost to help you with setting this up if you want.Here are some screenshots of what it would look like:
if you have this option use it to create a staging site and test an update on it like below, otherwise you could create a backup of your site using your webhost full backup options so you can restore the old version if you have issues. I don’t recommend “backup plugins” unless you have specific past knowledge with using them, some “backup plugins” do not offer a working way to “restore” with them. A cplanel backup & retore practically always works.
To update your version of Enfold you will need to download the latest 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 Vera,
Thanks for your question, to use an image for the burger mobile menu for closed and open try this css in your Quick CSS and adjust the image URLs to suit your needs:.av-hamburger::before { content: url(https://img.icons8.com/external-sbts2018-lineal-color-sbts2018/58/000000/external-hamburger-fast-food-sbts2018-lineal-color-sbts2018.png); display: block; padding-top: 15px; } .av-hamburger.is-active::before { content: url(https://img.icons8.com/external-sbts2018-outline-sbts2018/50/000000/external-hamburger-fast-food-sbts2018-outline-sbts2018.png); display: block; padding-top: 15px; } .av-hamburger-inner {display:none!important;}
this is the result:
After applying the css, please clear your browser cache and check.Best regards,
MikeFebruary 27, 2022 at 6:32 pm in reply to: photos cannot be moved and titel text is over gallery what shouldn`t be there #1342478Hi,
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,
Mike -
AuthorPosts