Hi,
Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hey rixi,
Please try the following in Quick CSS under Enfold->General Styling:
span.av-seperator-icon {
font-size: 30px;
}
Best regards,
Rikard
Hello
I tried all of the functions/css I could find in this forum to make social icons also in the burger menu of the Enfold Theme visible. However without sucess. Is there any new version of this script.
Here the old versions i unsucessfully tried:
https://kriesi.at/support/topic/adding-social-media-icons-to-mobile-menu-on-mobiles-only/
https://kriesi.at/support/topic/social-icons-in-burger-menu-issues/
https://kriesi.at/support/topic/social-share-buttons-not-appearing-on-mobile/
The last one does work, but I would prefer it that the socials go into the mobile menu.
Please describe exactly where the function and/or css should be added, because I am often not sure where to go :)
Best regards
Dominik
Dear all,
I have the same issue as Gerry: Although having prepared the font.zip correctly (by creating a zipped folder with converted google fonts), enfold’s import/export option is prompting “Couldn’t add the font because the server didn’t respond.…”
As there already had been uploaded some custom icon font-zips with the icon upload option (two years ago or so) I’m afraid that the solution of Gerry will not solve our problems.
Could there be another reason for this malfunction?
Kind regards
Armin
Thank you very much Ishmael. Your code does not quite work, as it returns the breadcrumb trail as “Home > Meet Us > About” instead of “Home > About > Meet Us”, but it gave me a starting point to produce the right code. FYI: you’re also just missing a closing “)” on the ‘if’ statement. Here is my solution, which works (I’m a programmer):
function avia_adjust_breadcrumb($trail) {
/* We're assuming $trail is an array with sequential keys starting from [0], each element containing the breadcrumb for a menu item from an hierarchical menu structure, with the last element having the key 'trail_end' and containing the menu item breadcrumb of the current page.
This function's purpose is to manage the situation where a parent menu item is a custom link instead of a page. Because Enfold's breadcrumbs don't include menu items that are custom links instead of pages, this function checks if the current page is a child of such a parent, and if it is, inserts that custom link type of parent breadcrumb into the $trail before the current page breadcrumb. Both the check if current page is a child of such a parent as well as the link of the parent are hardcoded in this function.
For example, if the actual current breadcrumbs should be "Home > About > Meet Us", but About is a link instead of a page, then $trail comes into this function as {
[0] => <the link to the Home page>,
['trail_end'] => "Meet Us" },
or in other words, "Home > Meet Us". So this function changes $trail to be "Home > About > Meet Us"--i.e. returns it as: {
[0] => <the link to the Home page>,
[1] => <the link to the page About points to (which could e.g. be its first child menu item, Our Office Highlights)>,
['trail_end'] => "Meet Us" }. */
$parentIsCustomLink = false;
$parentBreadcrumb = "";
if (is_page([36, 38, 40, 42, 44])) {
$parentIsCustomLink = true;
$parentBreadcrumb = '<a href="https://www.mydomain.com/our-office-highlights/" title="About" rel="home" class="trail-begin">About</a>';
}
/* >>> ADDITIONAL PAGE CHECKS INSERTED HERE <<< */
if ($parentIsCustomLink) {
$elementCount = count($trail);
$error = false; // If something is not as expected in $trail, then $error will be set to true.
$customParentKey = 0; //Just initialize it to a numerical value in case there is no 'trail_end' key in $trail.
$trailEndKeyExists = false;
for ($i = 1; $i <= $elementCount; $i++) {
$currentKey = key($trail);
if ((string)$currentKey == 'trail_end') {
$trailEndKeyExists = true;
$customParentKey = $i-1;
if ($i !== $elementCount) {
$error = true;
break;
}
}
else
$newTrail[$currentKey] = $trail[$currentKey];
next($trail);
}
if ($error) //Then just return $trail unchanged and exit
return $trail;
$newTrail[$customParentKey] = $parentBreadcrumb;
$newTrail['trail_end'] = $trail['trail_end'];
unset($trail);
return $newTrail;
}
else
return $trail;
}
add_filter('avia_breadcrumbs_trail', 'avia_adjust_breadcrumb', 50, 1);
Thanks again,
Gary
Hi there,
I’ve been using Enfold with The Events Calendar for years, with no problems. Recently, I’ve started seeing intermittent 404 errors on my site when visitors have tried to access event pages. After trying many things, I now see that when I disable the Enfold theme, the issue goes away. This is hugely problematic for us, as our site was built with Enfold and TEC because of their stated compatibility, and we have large events dropping shortly that we need to advertise.
Below I am including two links – our live site which is experiencing the issue, and our staging site without enfold activated which noes not have the issue. Our site is set to show the “Welcome to Sunbridge” page for all 404 errors, so you won’t see a 404 error; instead you will be unable to view any event detail pages.
Can you help?
-
This topic was modified 3 years, 6 months ago by
1lizcollins.
Kreisi:
This appears to be a fairly new problem. I have search threads, and other than some older posts, I cannot find the culprit. In short, the prices on my website (Woo) are rounding down to the nearest full dollar. It appears to be doing this by way of introducing a “sale” price, for example: A product may actually be $123.45 whereas Enfold, or Woo is rounding the price down to a flat $123 and presenting the reduced cost adjacent to the full cost as a “sale price.” See this product as an example, one of many: https://bjpond.com/product/harpoon-granular-aquatic-herbicide-40-lb-bag/
When I look at any of the affected products, they are all priced accurately, in the above example, $166.19. Under the “sale price” field there is no entry. The product should not be showing at a sale price.
The glitch appears to be triggering the addition of a red “Sale” icon as well.
I have double-checked my Woo settings, to make sure that currency was still set to $ and that the decimal place was the desired two place setting. I am at a loss. You can see many of the affected products on the product slider on the bottom of the site homepage. Thank you —Bill Basler
Hello,
we’ve recently noticed that multiple of our websites running with enfold and using W3 Total Cache are experiencing some caching problems.
For example, the Page CSS of enfold is not loaded correctly when using W3.
Are W3 and enfold actually compatible? Do these kinds of problems happen more often between the two?
Any information would be appreciated.
Gerry
after updating to newest version of Enfold theme i’ve begun to recieve GSE errors about Data-vocabulary.org schema incorrect structured on the site but i cant find any reference to GSE error within the theme or plugins or any files for that matter so cant correct this issue
help ..
Hi Ismael, I have tried your workaround and it seems to work, Thanks.
But now my question is:
this bug will be fix with the next Enfold update?
I ask this to avoid that on the occasion of the next Enfold update this workaround code can create new conflicts.
What is your opinion?
Best regards
Oriano
Hi Ismael,
Thanks for your reply.
The problem arrive only on mobile device that’s why I was wondering if there wasn’t any link with the parameters of Enfold.
I’m lost about that but thanks anyway.
Best regards,
Anne
Hi,
Thank you for the update.
There is no existing templates for the blog entries on a blank Enfold installation. You may need to import one of the demo first or follow the instructions that we mentioned above. Please check the following documentation to help you get started with the theme.
// https://kriesi.at/documentation/enfold/
Best regards,
Ismael
Hey Ramiro,
Thank you for the inquiry.
Try to set the Menu And Logo Position to Logo right menu left, then add this css code to align the logo to the center.
.html_header_top #top .av_logo_right .logo {
left: auto;
right: 50%;
transform: translateX(-50%);
}
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding this css code.
Best regards,
Ismael
Hey PrivitMarketing,
Thank you for the inquiry.
The link that you provided above goes to the overview page. Which specific demo are you trying to replicate? Is it the 2017 demo?
// https://kriesi.at/themes/enfold-2017/
If you want to add images to the tab section title, set the Content > Tab Symbol to the third option (Display image), then upload the image.
Best regards,
Ismael
Hey orianos,
Thank you for the inquiry.
You may need to add this filter in the functions.php file to revert the product thumbnail settings back to default.
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
return 'woocommerce_thumbnail';
}
Related threads:
// https://kriesi.at/support/topic/bug-in-enfold-for-woocommerce-prduct-images/
// https://kriesi.at/support/topic/woocommerce-product-image-size-bug/
Best regards,
Ismael
Hey woogie07,
Thank you for the inquiry.
Pages built using the Advance Layout Builder (ALB) are actually composed of shortcodes. We can provide the shortcodes of a specific demo page but you have to enable the debug mode and manually insert the shortcodes in the shortcodes field. Please check the documentation below for more info on how to enable the debug mode.
// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode
These are the shortcodes in the blog-masonry/.
// https://pastebin.com/C3ZL5teY
You have to place these shortcodes in the shortcodes field located just below the ALB.
Best regards,
Ismael
Hey Rikard,
thanks for your answer :)
Yes: the problem goes away if I deactivate the plugin.
I get your point, but I was hoping to be pointed is some direction since the problem is just in one of the Enfold component :)
TaxoPress staff points me to paid support or to report some bug:
https://wordpress.org/support/topic/cant-type-letter-e/#post-16031959
I guess some cooperation between staff would be really nice; do you think it is possible in some manner?
Thank you so much :)
Bianca
Hi guys,
This is a silly question but expect many others also ask it.
I usually use the Quick CSS box in the Enfold control panel for custom CSS.
I now have WPML installed and the CSS here applied to all translations of the site.
When I copy the CSS into the child theme style.css file it is ignored.
Where is the correct location in my Enfold child theme to place custom CSS?
Should I be using a copy of custom.css from the parent theme? If so – What directory should this be copied to in the child theme?
The documentation suggests enqueuing a custom stylesheet is this the best method of adding custom css?
https://kriesi.at/documentation/enfold/add-custom-css/#enqueue-custom-css
-
This topic was modified 3 years, 6 months ago by
thinkjarvis.
-
This topic was modified 3 years, 6 months ago by
thinkjarvis.
-
This topic was modified 3 years, 6 months ago by
thinkjarvis.
-
This topic was modified 3 years, 6 months ago by
thinkjarvis.
I am trying to create a tab section with images as shown on the Enfold demo site at https://preview.themeforest.net/item/enfold-responsive-multipurpose-theme/full_screen_preview/4519990.
When I use the tab content block I can only select with or without icons but no options for images. Even trying to replicate how the demo site shows big bold icons above text is challenging as I can’t find any setting to change the layout to show that way. The only thing I can get to function is small tabs that look like internet browser tabs. What am I overlooking to get the desired layout I want?
Thanks in advance.
zunächst würde ich dir dazu raten diese Logos immer auch in den Dimensionen gleich zu halten – auch deckungsgleich innerhalb der Fläche.
Bei deinem Logo ist zwischen dem Logo mit dem Schattenwurf und dem rein blauen Logo ein Versatz und Größenunterschied.
Dann ist es wohl auch keine gute Idee ein blaues Logo auf blauem Grund zu zeigen. ;) daher wäre wohl noch ein weißes Logo gut.
Ich würde wohl versuchen, dem Logo Container einen Pseudo-Container ( :after ) zu geben, und dort ein background-image mit dem weißen Logo zu setzen. bei nicht gescrolltem Header ist das normale Logo zu sehen, bei gescrolltem Header wird dieses auf opacity null gesetzt und der pseudo-container erhält dann die Opacity 1.
Beispiel code:
#top #header .logo:after {
content: "";
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-image: url(/wp-content/uploads/logo-IIC_Website_white.png);
background-repeat: no-repeat;
background-size: cover;
}
#top #header .logo:after {
opacity: 0;
transition: opacity 0.3s ease;
}
#top #header.header-scrolled .logo:after {
opacity: 1;
transition: opacity 0.3s ease;
}
#top #header.header-scrolled .logo a {
opacity: 0;
transition: opacity 0.3s ease;
}
/************ hier bleibt das Logo bestehen, bei anfänglich gesetzter transparenz ************/
/************ die transprenten Header haben nämlich alle an html auch eine Klasse ************/
.html_header_transparency #top #header.header-scrolled .logo a {
opacity: 1;
transition: opacity 0.3s ease;
}
.html_header_transparency #top #header.header-scrolled .logo a img {
opacity: 0;
transition: opacity 0.3s ease;
}
.html_header_transparency #top #header.header-scrolled .logo a .avia-standard-logo-sub img {
opacity: 1;
transition: opacity 0.3s ease;
}
das unifarben blaue Logo kannst du dann als transparentes Logo setzen.
schau mal hier:
https://enfold.webers-webdesign.de/iic/
https://enfold.webers-webdesign.de/iic2/
_________________
First of all, I would advise you to keep these logos always the same in the dimensions – also congruent within the area.
In your logo there is an offset and size difference between the logo with the shadow cast and the pure blue logo.
Then it’s probably not a good idea to show a blue logo on a blue background ;) so another white logo would probably be good.
I would probably try to give the logo container a pseudo-container ( :after ), and put a background-image with the white logo there. when the header is not scrolled the normal logo is visible, when the header is scrolled it is set to opacity zero and the pseudo-container then gets opacity 1.
the unicolor blue logo you can then set as a transparent logo.
See example code above. and
https://enfold.webers-webdesign.de/iic/
https://enfold.webers-webdesign.de/iic2/
Hey,
Please go to Appearance > Editor and edit enfold/config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.php file and replace the content with https://raw.githubusercontent.com/KriesiMedia/enfold-library/master/temp_fixes/Enfold_5_1_2/headline_rotator.php.
Please make sure to save theme options and clear cache after updating the file. The fix will be included in upcoming version :)
Best regards,
Yigit
Hi,
Thanks for that. The problem seems to be that the settings under Enfold->Advanced Styling are overriding the element settings. I’m pretty sure that should not be the case, but I will report and clarify this with our developers. Until we have a solution for you, then you can set the Heading Tag option to Paragraph in the element option Advanced tab.
Best regards,
Rikard
Hi,
When I try to visit my website with Qwant on mobile device (Android), it shows only the text.
All the items : logo, images, etc has disappear. I can’t click on the Menu
Its work on android with Firefox.
I have clear the cache but it doesn’t change anything.
Is there something I can do in Enfold parameters ?
Thanks for your help
Hi sbott,
Could you try updating the theme to the latest version (5.1.2) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.
Best regards,
Rikard
Hi,
Glad to hear, 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
I have tried to move a photo in the masonry gallery. I just cannot move it. I had a similar problem in January and you had me ad some code in the functions.php file “temporarily”. I have moved photos in masonry since my first problem, but this just started today when I installed a new Enfold update.
Can you please help?
Hey Tilman,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
.av-main-nav ul {
width: 320px;
}
Best regards,
Yigit
Hi,
Coinciding with the latest Enfold update, the images of the new products included in the WooCommerce default page appear cropped.
I checked on WooCommerce, but couldn’t find the solution. I wonder if this is not due to the new Enfold update.
Do you have any feedback on this?
The site in question is this:
https://clueb.it/libreria/
where you can see the last two products inserted that have the cropped image.
Best regards
Oriano
Hi Shawn,
Thanks for contacting us!
You can simply login on your ThemeForest account that you used when purchasing the theme and go to Downloads page to download the latest version of the theme and update it – https://kriesi.at/documentation/enfold/theme-update/
If you do not have access to the ThemeForest account, only then you would need to purchase a new license.
Enfold 3.2 is a very old version and is not compatible with the latest WordPress and PHP versions so updating the theme should fix the issue.
If you have any other questions or issues, please register to our support forum – https://kriesi.at/support/register/ using your purchase code and start new threads under Enfold sub forum :)
Regards,
Yigit
ShawnGuest
Hello,
We currently have enfold version 3.2, but with a recent update to our website it no longer works. Are we able to get the newest version to use with the newest php? Or would we need to repurchase the new one?
Thank you