-
Search Results
-
I want to remove the “Share This” and “Like this” social media sharing buttons from my web pages. I’ve gone through closing the footers in the Enfold settings and also turning off the sharing buttons in the Blog Layout under Enfold, and yet it appears. How can I make them disappear from all my pages?
In reply to: Translucent Buttons with background image example
Hi,
Thank you @Guenni007 for your button example page, @peterolle I have a fresh install of the 2017 demo and for the Translucent Button on the button demo page it is created strictly with theme options.
In this demo the button element is inside of a column element which has the background color, you can replace it with an image strickly with column styling options.
So since every thing up to here is done in the element options, I’m sure you have been able to do these, if not then there must be a conflict or an error that we should take a look at.
But for the Translucent Button to contain the background image and not the column you will need to add a little css only to point to the image, this is not an option yet. So for example I removed the column background color and added a custom class to the button in the advanced options, I used “translucent_button_background”
then I added this css:.translucent_button_background > a.avia-button { background-image:url('https://test.test/wp-content/uploads/2020/07/cool-background.jpg'); background-size: cover; }for this result
From your posts I was not sure if you want the column to have the background image since that was were the black color came from, or if you wanted the button to have the background image, so I showed both.Best regards,
MikeIn reply to: unable to Import: Enfold 2017 Demo
Hi,
Sorry for the late reply, and thanks for the login, please try downgrading and extracting the file in the Private Content area, it contains a zip file of the images for the demo and a modified enfold-2017.xml file. Please upload using FTP or your webhost file manager the two folders in the image zip file to\wp-content\uploads\and upload the enfold-2017.xml file to\wp-content\themes\enfold\includes\admin\demo_files\then clear your browser cache and clear your site cache, the button in your admin toolbar.
Then try importing again.Best regards,
MikeIn reply to: contact form not sending emails
Hi Ismael,
Thanks for your replyAs I noted in my initial help request, I’m new to WordPress and Enfold so I don’t understand what you mean by html tags being left open
What seems to happen on this one page is that the preview button doesn’t show the updated page contents. When I click Update, the button changes colour and then I see a message saying the page is updated. When I click on the link in the message I’m able to see the updated page, but not when I click on preview, the outdated contents persist.
I’ve included my log in credentials in case you want to have a look at the pages behaviour. The name of the page is now: Bulk Eraser Rebuild or https://audiofile.net.au/?page_id=1984
The preview page that shows the outdated content: https://audiofile.net.au/?page_id=1984&preview_id=1984&preview_nonce=27d4a85a21&preview=true
A minor difference that is immediately visible between the page and its preview is the height of the first colour section
Regards, Ralph
Topic: Button Styling
Hi,
Hope you’re great, and look forward to new enfold updates soon :)
We’ve gone back to basics.. => https://www.simonx.com
and really have one query.. that we had hoped would have been made into the main theme by nowThe styling of the full width buttons is very limited.
We can just choose the colour inside the theme.So two things we want to be able to do:
1) For the main button – set it to be transparent / or alter the transparency (in normal state) ..
2) Be able to give it a border – and set border colour, width and roundness
3) Be able to set the transparency / alter transparency for hover..
4) Be able to set the border – colour, width and roundness for hoverThis is fairly normal now.. and hope you can add this to the theme soon.
The buttons are one element which if improved would really help the themeFor this specific example.. We’d like to have
=> transparent with white border in normal state
=> Able to set the background colour to a colour on hover – maybe dark blue / black or the blue as is..Can you help?
We’ve tried different button plugins but not found one we like and works properly yet
and the css hero plugin also not working well with enfoldThanks
PS.
being able to do more modern button styles also userful
e.g. shadows etc.. down the line..In reply to: CSS solution for three fullscreen Sliders
Hi,
There are 2 main issues I have.
1. Buttons for all of my three sliders of my homepage
There are three Sliders:
One is for desktop where I have had to set the entire image as clickable because I am unable to create some css that will allow me to position a button in the right place. Therefore, I have simply made a button in Illustrator
The second is for tablet and I have had to do exactly the same as above for the same reasons.
The third is for mobile where my css I mentioned above applies. However, depending on the phone it isn’t quite in the right place obviously due to screen size. At present my title and my person are created in Illustrator and thus are images. As you can see from the screenshot I always want (regardless of the mobile screen size) for the button to be in between the title and the man whilst still being visually appealing.
In this preview it looks great however in different phone screen sizes, not so much.
I need a solution to this. I can amend my original Illustrator image e.g. take out the title and add in Enfold and add the man in the same way to get the same result. The button positioning will be in the same spot as what you can see in the Illustrator version – underneath the title whilst still in the black background.
Problem 2
Content across the website is squashed in from the left and right
As you can see from the first screen shot the menu is squeezed in from the left and right. This is true for the entire website and is a nightmare as it seems that new content is being added correctly either.
https://ibb.co/gvFjj1H
https://ibb.co/swNtLgxAs in you can see this is a consistent issue.
You can also see now that where I have inputted the strong command for ‘Tradie Ticket’ it is still white. It used to be yellow but for some reason has now changed. This is true across the entire website and any new content I create. Yet in the ‘Special Heading’ preview as I write it, it shows yellow.
These are the two big issues I have write now and it’s a big problem so if you guys are able to allocate some time to help solve this then it would be greatly appreciated.
Thank you,
ChrisDear Enfold Staff, hello!
I passed my first difficulty, which was to make all the buttons in one page of the same size!
I learned how to use CSS to do that. But now I have a new problem.In many pages I have wide buttons, and in this way I am obliged to have wide buttons also at the top of the page, where I need only little buttons to go to the homepage or to some main pages… As you can see in the picture, the button at the top is a little bit ridiculous, so big for a little word…
Is there a way to have buttons of different size in the same page?
I tried to install the Child theme, but many pages are affected by this change and I should work again on them… So I would like to know if there is another way, without installing the child theme…
thank you and best regards!
AntonioThis continues the discussion that was started by another customer here: https://kriesi.at/support/topic/learndash-quiz-results-display-issue-2-0/#post-1230927
Here are my original comments so we can add onto them:
I have an identical problem with LearnDash and Enfold and I also get a crash with the code you provided above when I put it in my functions.php file. Only my error says, “There has been a critical error on your website.” (English–not translated from German as RawoAT stated his was).
I do not have his code which you describe above in my functions.php file–so I do not think that is the reason for the crash. So it may be the code you supplied that is crashing.
(BTW, the code he shows looks like it is to increase the default memory and goes in your PHP-config file to increase the memory size as per comments from LearnDash (WordPress default is 40mb, but it needs to be 128mb or higher if you use LearnDash and WooCommerce together).
An interesting thing happens when your code is installed. After a quiz, LearnDash has a progress bar as it is calculating the quiz results–then it displays the quiz results and the ability to re-take, move on, etc. WHEN it is working correctly. When it is not working, it freezes about 90% through–that is the problem (I can’t continue). BTW, it works fine for about 2 – 3 quizzes in a row and THEN it freezes. So you must continue that way
When I added your code, the test shows the results immediately and allows me to continue–but the progress bar still freezes at about 90% (again, you have to take 2 – 3 quizzes in a row before this happens (seems to work fine the first few times). Because the bar freezes–it may show the test score and display the buttons, but it may have not have written the results to the database. So it appears to work fine for 2 – 3 more quizzes and then it crashes and gives the “there has been a critical error on your website” error.
BTW, this is only the behavior when you are logged in as a USER. I did not have the same results when I was logged in as an Administrator. In fact, I had the problem as an Admin and thought it would be the same as a USER. However, my problem as an administrator was resolved with an earlier fix in this forum. All I had to do was add the function,
dd.course_progress {
width: 100%;
}I added this code to the theme’s “Quick CSS” section. When I did EVERYTHING worked fine for the ADMIN.
But logging in as a user gave me the same problem–and your code fixed it (sort of), but then crashed the site.
BTW, the support team at LearnDash worked on this off and on for several times (logging into my site). We turned all the plug-ins off but LearnDash and WooCommerce. They then used another theme and everything worked flawlessly. They tried a second basic free WordPress theme and everything worked flawlessly.
So it was definitely something with Enfold. I also turned off the performance features, all cache is turned off, all plugins were turned off except WooCommerce (required) and LearnDash–and it was something in the theme. This ONLY happens when both of these two high-resource plugins are working–but they work together on THOUSANDS of sites just fine–so again, back to the Enfold theme.
I have been struggling with this for over a month! I just continued adding my content, but now I am at an impass–if I want to keep the Enfold theme. I’m not using a child theme because I have never had a problem with Enfold enough to have to modify any of the original files–but I was willing to set it up if this fix worked (but it didn’t)–but I’m fine if we install it.
I still have the QuickCSS code installed:
dd.course_progress {
width: 100%;
}I have included login, etc. credentials in the private content below. Please document any changes if you make any..
In reply to: Learndash Quiz Results Display Issue – 2.0
I have an identical problem with LearnDash and Enfold and I also get a crash with the code you provided above when I put it in my functions.php file. Only my error says, “There has been a critical error on your website.” (English–not translated from German as RawoAT stated his was).
I do not have his code which you describe above in my functions.php file–so I do not think that is the reason for the crash. So it may be the code you supplied that is crashing.
(BTW, the code he shows looks like it is to increase the default memory and goes in your PHP-config file to increase the memory size as per comments from LearnDash (WordPress default is 40mb, but it needs to be 128mb or higher if you use LearnDash and WooCommerce together).
An interesting thing happens when your code is installed. After a quiz, LearnDash has a progress bar as it is calculating the quiz results–then it displays the quiz results and the ability to re-take, move on, etc. WHEN it is working correctly. When it is not working, it freezes about 90% through–that is the problem (I can’t continue). BTW, it works fine for about 2 – 3 quizzes in a row and THEN it freezes. So you must continue that way
When I added your code, the test shows the results immediately and allows me to continue–but the progress bar still freezes at about 90% (again, you have to take 2 – 3 quizzes in a row before this happens (seems to work fine the first few times). Because the bar freezes–it may show the test score and display the buttons, but it may have not have written the results to the database. So it appears to work fine for 2 – 3 more quizzes and then it crashes and gives the “there has been a critical error on your website” error.
BTW, this is only the behavior when you are logged in as a USER. I did not have the same results when I was logged in as an Administrator. In fact, I had the problem as an Admin and thought it would be the same as a USER. However, my problem as an administrator was resolved with an earlier fix in this forum. All I had to do was add the function,
dd.course_progress {
width: 100%;
}I added this code to the theme’s “Quick CSS” section. When I did EVERYTHING worked fine for the ADMIN.
But logging in as a user gave me the same problem–and your code fixed it (sort of), but then crashed the site.
BTW, the support team at LearnDash worked on this off and on for several times (logging into my site). We turned all the plug-ins off but LearnDash and WooCommerce. They then used another theme and everything worked flawlessly. They tried a second basic free WordPress theme and everything worked flawlessly.
So it was definitely something with Enfold. I also turned off the performance features, all cache is turned off, all plugins were turned off except WooCommerce (required) and LearnDash–and it was something in the theme. This ONLY happens when both of these two high-resource plugins are working–but they work together on THOUSANDS of sites just fine–so again, back to the Enfold theme.
I have been struggling with this for over a month! I just continued adding my content, but now I am at an impass–if I want to keep the Enfold theme. I’m not using a child theme because I have never had a problem with Enfold enough to have to modify any of the original files–but I was willing to set it up if this fix worked (but it didn’t)–but I’m fine if we install it.
I still have the QuickCSS code installed:
dd.course_progress {
width: 100%;
}I have included login, etc. credentials in the private content below. Please document any changes.
I’m not sure why my masonry galleries aren’t working like they used to. Like they work in this example: https://kriesi.at/themes/enfold-2017/elements/masonry-gallery/
I read other posts and I DO have the Lightbox Modal Window button on in the theme options. If you click on a photo it opens up full in the window but there are no arrows to page through all the other images in the gallery. There is no close button. I have to use the back button to get back to the main gallery and then open up another image. How do I fix this? Thank you.
Dear Enfold,
One question: How do I stop ALB to strip my <span>tags, button onClick functions, … from the text box output? It seems to be a code cleaning, but I’d really like to keep the modficications.
Thanks,
JohnHey Leofiori,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){ #top .av-icon-on-hover .avia_button_icon { width: 30px; -webkit-transition: none; transition: none; opacity: 1; } }If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Button or image into the table
Hi Pas7o,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-table.avia-table-1 td button { display: block; margin: 0 auto; } .avia-table.avia-table-1 td { vertical-align: middle; }If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Translucent Buttons with background image example
yes – that is just the price for individual wishes. If the developers would consider every single wish here and integrate it into the theme, it would bloat unnecessarily as I think.
This leaves room for own ideas and the pages do not all look the same. The pre-condition for this is, of course, that you have some basic knowledge.
Take a look at the buttons I created based on the existing setting “light transparent”.
I only have to set two classes to get this look. ( One class takes care of the styling and the other class takes care of the color )
Or beneath those glassy buttons the pulsing gradient button – very easy with a bit of @keyframes instruction.https://webers-testseite.de/buttons/
_____________
PS: https://kriesi.at/documentation/enfold/button/#toggle-id-22
and https://kriesi.at/documentation/enfold/button/#toggle-id-23Hello , i have been using enfold for long time , this is something that is baffling me a lot . i have created around 100 pages , each group has 5 type of pages . The top pages are loading perfectly fine , but the sub pages are loading content from a different group and when i hit refresh it loads the right content . When i hit refresh button the actual content loads . Even google has cached wrong content , which i feel is causing duplicate penalties for me , I have disabled caching too .
The permalink is right , title is right , the breadcrumbs and content there onwards is totally wrong .
Is it because of enfold , I have setup using advance page layout editor . Please help me understand .
Topic: Enfold : Button not working
Hello,
I use the latest version of Enfold Theme (4.7.5) and the buttons are not working anymore : https://xn--hlnetisnerat-ydbm.live-website.com/
Did you already hear about this problem ?
Thank you
In reply to: DropDown arrow for sub menu fullwidth element
Hi,
Sorry for the late reply, please excuse me while I try to catch up on your thread, I believe I have found the correct page, linked in the Private Content area, I see that this:#top .sticky_placeholder { display: none; }is hiding the yellow line but I believe what you should use is this css to remove the white space above the yellow line on mobile.
@media only screen and (max-width: 987px) { #top.page-id-291 .sticky_placeholder { height: 0 !important; } }Please note that this is for the one page only, for now.
I also see that you have two sub-menus, one with a button menu, the other with a menu, so to have the first sub-menu sticky I enabled the “Sticky Submenu” option and now it is sticky at the top until you scroll, which the second sticky menu rolls over it and sticks to the top. This is the correct behavior, one sub-menu sticks to the top until the next one is scrolled to the top, please see this demo page for reference.
Please note that for testing this I disabled the “admin toolbar” in the user profile (kstm), because the toolbar covers some of the sticky sub-menu and your visitors do not see the admin toolbar.
Please see the animated gif in the Private Content area.
So I assume that this is still not quite the way you want it, please explain how you would like this to be.Best regards,
MikeMy woocommerce product grid is set up with a sidebar that display a menu of the categories. However, the space of the container that houses the product grid and sidebar is capped at 910 with 50 spacing on each side. I would like to expand it but can’t find where I would do that.
My general layout:
- Stretched Layout
- Maximum Container Width: 1310px
- Content/Sidebar Ratio: 73%/27%
- Content + Sidebar Width: 100%
Shop Options:
- Product Layout on overview pages: Minimal (no borders or buttons)
- Product Gallery: Default Enfold Product Gallery
And I’ve noticed that when I switch those two options in “Shop Options” that it never changes how the product grid looks.
Any help expanding the width of my product grid pages would be appreciated.
I am unable to access and edit a specific Post (Vancouver Adventure Guide). No matter what I do, it is permanently loading. Everything is updated to the latest version as well.
Fortunately, the page does work (in preview mode and online), but I just can’t edit it at all because it’s in a perpetual loading state. I am also unable to restore previous revisions as a result.
I am afraid to click the Update button because it could wipe out the entire page (it has done that in the past).
I have provided a login for enfold support, so you can login as an admin.
Please help me resolve this very serious issue because it presents a massive potential problem that could invalidate the entire website. I’ve spent months on this Post and it’s the template I use for a significant portion of the site. I can’t build or edit a website if some pages suddenly enter a perpetual loading mode.
Thank you
In reply to: Different languages
Hi,
1. You can use this button: https://imgur.com/a/AnoSPNb, or follow this link to open a new thread.
2. Please try the following in Quick CSS under Enfold->General Styling:
#scroll-top-link { display: none; }Best regards,
RikardI have Enfold and want to import the Enfold 2017 Demo;
WP is up to date; Theme is up to date 4.7.5 and i have a valid Envato private token (revalidated it just moments ago)
Help advise what step I need to take in order to get the demo imported – thank you!!Some potentially important information you may need:
current i went to the demo import tab (under ENFOLD)
hovered over the Enfold2017 demo
clicked the “Click to Import” Button and waited while the spinning around rotated.
a few minutes later I got the error message “Importing didn’t work! You might want to try reloading the page and then try again”
which i have several time and via two different computers at two different locations.Site is hosted via namecheap on their EasyWP Turbo WP hosting plan
In reply to: Help for row of buttons' size
Hi Rikard, thank you so much!
Unfortunately I’m very new in using wordpress and I bought Enfold a couple of days ago… So I would like you to be more specific. Where can I insert this CSS?
And since some pages must have buttons of different size from those of other pages, WHERE can I insert the CSS so that it will influence ONLY THAT PAGE?
Thank you very much! :-)
AntonioTopic: Read more in masonry grid
Hi
I’m a big fan of the enfold theme.
Thnx for the good work!I need a grid with a sort option (and a same grid for posts as for portfolio-items), so a masonry grid looks perfect
styling flexible Masonry.
So far so good.
Only I need a read more button under the excerpts.I found a solution on the forum https://kriesi.at/support/topic/read-more-in-masonry-gallery-portoflio/
this works, but on page load all the post are vertically stick to each other.
Alter using the sort option it is perfect styled.Any ideas how I can solve this?
and another question: will the ‘read more’ be translatable in other languages using WPML?
Tnx!
SonjaIn reply to: Button in Logo Area
Hey erron,
It is better to add a custom widget area to the header and add the button there, and then we can help you adjust it.
Here are the docs for you:
Best regards,
VictoriaIn reply to: style Cookie Consent Message Bar
Hi Wolfgang,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn, #top .avia-popup .avia-cookie-consent-button.av-extra-cookie-btn { background-color: #1d6fb7; color: #ffffff; border-color: #1d6fb7; } #top #wrap_all .header_color #menu-item-1628.av-menu-button-colored > a .avia-menu-text, #top #wrap_all .header_color #menu-item-1627.av-menu-button-colored > a .avia-menu-text { background-color: #9E9E9E; color: #ffffff; border-color: #9E9E9E; } .html_elegant-blog #top .avia-content-slider .blog-categories { display: none; }Social share buttons for the blog can be configured in the Theme options > Blog layout.
If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Addition to Social Profiles
Hi n3IVI0,
Here are the docs for you:
If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Rounded Button CSS No Longer Works
Hey kurson,
Please add this CSS code in Quick CSS, located in Enfold > General Styling:
#top #wrap_all #header .av-menu-button > a .avia-menu-text { border-radius: 100px; }Best regards,
NikkoHi,
Thank you for the update.
The wp_nav_menu_item_custom_fields hook is used in the themes\enfold\functions-enfold.php file, look for the avia_menu_button_style function and starting from line 1779 you’ll see this code:
add_action('wp_nav_menu_item_custom_fields', 'avia_menu_button_style', 10, 4); function avia_menu_button_style($output, $item, $depth, $args)Replace it with:
add_action('wp_nav_menu_item_custom_fields', 'avia_menu_button_style', 10, 5); function avia_menu_button_style($output, $item, $depth, $args, $id)Another instance is inside the themes\enfold\framework\php\class-megamenu.php around line 534:
do_action( 'wp_nav_menu_item_custom_fields', $item_id, $item, $depth, $args );Add the $id parameter in the hook.
do_action( 'wp_nav_menu_item_custom_fields', $item_id, $item, $depth, $args, $id );We’ll forward the changes to our channel.
Best regards,
IsmaelHi Team,
I asked Stéphane Bouey from WFalang (Faboba Falang – translation for WP) to try and get WFalang working nicely with Enfold. He runs into some snags and asked me to forward this question:
How can i replace the content of a shortcode with the value of an shortcode attibutes?
the following filter /action doesn’t work.avf_in_shortcode_handler_prepare_start shortcode_atts_{$shortcode} do_shortcode_tag pre_do_shortcode_tagI need to replace the content before the shortcode_handler of the avia shortcode is called.
Of course they can contact me directly if needed.
StéphaneCan you help?
Thanks in advance, as always, for your help, much appreciated.
RobAdded remark:
Stéphane just let me know that he managed to get it working with:
with
avf_in_shortcode_handler_prepare_content
and
shortcode_atts_{$shortcode}
on textbloc, iconbox, buttonAdded remark 2020-07-06:
Stéphane has informed me that he is well on the way to getting Falang ready for Enfold and that it will be released soon.
An answer to the above enquiry would be appreciated still, he mentioned in relation to repeatable items.Topic: input field entry styling
HI,
I’m using the landing page demo of your Enfold theme. At the first section of this demo, there’s a contact form with Name (added) and E-mail address. Both fields are verified.
Depending on the actual entry in these fields, when one clicks on the Sig Up button below the fields, the color border of each fields reflects the correctness of the entry:
– Green border for the correct entry
– Orange border for the incorrect entry
My question is:
– where can I chanage these two colors, without using the CSS coding, if possible?
I’ve looked at the contact form styling and in Enfold general styling, but couldn’t find anything.
Thanks a lot in advance!
Stay well!
