-
Search Results
-
Hey Guys
I get the message:
Could not connect to Google Maps with this API Key.
Troubleshooting:
Check if you typed the key correctly.
If you use the restriction setting on Google try to remove that, wait a few minutes for google to apply your changes and then check again if the key works here. If it does, you probably have a syntax error in your referrer url
If none of this helps: deactivate all plugins and then check if the API works by using the button above. If thats the case then one of your plugins is interfering.I disabled all the plugins, and I also set up a new api key, I also unrestricted the key for a while, but then restricted it again.
the google account is active and working. I have 50 other keys that don’t have any issues.I did a research and found that I can put the script:
<script async defer
src=”https://maps.googleapis.com/maps/api/js?key=YOURAPIKEY&callback=initMap”>
</script>
directly into the body code.. I use perfmatters for this.. and it is working now. but there must be something else wrong why enfold won’t let me place it.
My way is not as elegant as putting it into the google services page in enfold.
Thanks so much for helping me.
TinaHi Ismael,
The search element inclusion in the header worked out great. The full width menu shadow however didn’t turned out right, please see the shared link once more. The CSS snippet basically made the page full with (which indeed push the shadow from edge to edge. However I do would like to keep the container 1340px width and not force the website full screen.
If you zoom out on the page you can see that the full width effect is kept. Is there a way to keep the website within the 1340px container but do keep the menu bar background effect (top shadow) full width? I will drop another Enfold project where this is the case (no custom header however)
Kind Regards,
SHi,
.main-title looks like a different font or font weight
Looks like the title is set to use a lighter font weight instead of the default 400. Did you configure the Heading elements in the Enfold > Advanced Styling tab? You can also adjust it with this css:
#top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1, #top #wrap_all .socket_color h1 { font-weight: 400; }Regarding the burger/mobile menu, try to edit the Main Menu (Icon) elements in the Advanced Styling panel, or use this css code:
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a { color: #ffffff; font-size: 18px; line-height: 1.8em; } .html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul li:hover a, #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a:hover { background-color: #333366; color: #ffffff !important; }If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelHi Ismael,
Thanks for your reply. I think point 1 got misunderstood a bit, this is not actually not related to the mobile menu but to the menu style of large screens. As you can see there is a slight top shadow on the menu bar. But the menu is limited to the with of the container. I would like that the drop-down shadow is shown to the full width of the page. Let me post an Enfold project in the private content to show what I mean.
Regarding the search icon, I have already placed a fontawesom icon in the 3rd widget to illustrate the desired position of the search icon. So I would like to find out how to actually activate the search function from that position.
The hamburger position on mobile worked out good by the way, thanks for that.
Regards
SHey Enfoldfanatic,
Thank you for the inquiry.
1.) You can adjust this in the Enfold > Main Menu > Burger/Mobile Menu > Menu Overlay Style settings. Set it to Full Page Overlay Menu.
2.) To align the menu with the logo on mobile view, add this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #header #header_main .container.av-logo-container .inner-container { display: flex; } .responsive #top #header #header_main .inner-container .main_menu { order: 2; flex-basis: auto; top: 20px; } }3.) Could you provide a screenshot showing where you’d like the search icon to display?
Best regards,
IsmaelTopic: Missing dependencies
Good morning,
I have been experiencing issues with my website running slowly, so I contacted my hosting provider, Aruba. They installed a plugin called “Query Monitor,” and according to the plugin’s report, there appear to be missing dependencies among the Enfold theme’s stylesheets.
Below are the messages from the report.
I remain confident in your support and assistance.
Thank you.“Dipendenze mancanti avia-module-audioplayer http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/audio-player/audio-player.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-blog http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-postslider http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-button http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons/buttons.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-buttonrow http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-button-fullwidth http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-catalogue http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/catalogue/catalogue.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-comments http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/comments/comments.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-contact http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contact/contact.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-slideshow http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.css avia-layout (mancante) avia-module-gallery-hor, avia-module-slideshow-contentpartner, avia-module-slideshow-feature-image, avia-module-slideshow-fullscreen, avia-module-slideshow-fullsize 7.1
Dipendenze mancanti avia-module-slideshow-contentpartner http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contentslider/contentslider.css avia-module-slideshow 7.1
Dipendenze mancanti avia-module-countdown http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/countdown/countdown.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-dynamic-field http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/dynamic_field/dynamic_field.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-gallery http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-gallery-hor http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.css avia-module-slideshow 7.1
Dipendenze mancanti avia-module-maps http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-gridrow http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/grid_row/grid_row.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-heading http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/heading/heading.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-rotator http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-hr http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/hr/hr.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-icon http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon/icon.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-icon-circles http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon_circles/icon_circles.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-iconbox http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconbox/iconbox.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-icongrid http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icongrid/icongrid.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-iconlist http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconlist/iconlist.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-image http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image/image.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-image-diff http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image_diff/image_diff.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-hotspot http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-sc-lottie-animation http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/lottie_animation/lottie_animation.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-magazine http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-masonry http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-siteloader http://www.ldgservice.it wp-content/themes/enfold/css/avia-snippet-site-preloader.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-menu http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/menu/menu.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-notification http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/notification/notification.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-numbers http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/numbers/numbers.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-portfolio http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-post-metadata http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/post_metadata/post_metadata.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-progress-bar http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/progressbar/progressbar.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-promobox http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/promobox/promobox.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-sc-search http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/search/search.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-slideshow-accordion http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-slideshow-feature-image http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.css avia-module-slideshow 7.1
Dipendenze mancanti avia-module-slideshow-fullsize http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.css avia-module-slideshow 7.1
Dipendenze mancanti avia-module-slideshow-fullscreen http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.css avia-module-slideshow 7.1
Dipendenze mancanti avia-module-slideshow-ls http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-social http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/social_share/social_share.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-tabsection http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-table http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/table/table.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-tabs http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tabs/tabs.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-team http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/team/team.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-testimonials http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/testimonials/testimonials.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-timeline http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/timeline/timeline.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-toggles http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.css avia-layout (mancante) 7.1
Dipendenze mancanti avia-module-video http://www.ldgservice.it wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/video/video.css avia-layout (mancante)”Hi guys,
With support of this particular article https://kriesi.at/documentation/enfold/example-of-logo-left-widgets-right-menu-below/#toggle-id-2 I was able to build up the desired header- menu structure including 3 widgets in the header area and the menubar shown below.
I’m trying to achieve some minor modification on which I haven’t been successful until now. I would like to:
– Ensure the menu has a full width so that the created drop shows has a full width stretch over the screen (but off course keep the menu items within the container
– Ensure that the hamburger menu is on the same level – row as the logo in case of smaller viewports. Currently it jumps under the logo on a new row
– I would like to “move” the search function into the 3rd widget and not show it on the right side of the last menu item. However I could find the html/ shortcode to locate the actual search function in the 3rd widget.I’ll paste the URL in the private content.
Thanks for your support!
Kind regards,
SIn reply to: Navigation Bar search widget SVG image
Yes, that CSS is there but whatever is changed on it affects both the navigation bar search box and the content custom search widget. Below is the CSS for the home page content custom search widget. Is anything is this customization affecting the navigation search box? It was working correctly for several years up until the latest version of Enfold. I don’t know what changed, but rolling back to previous versions of Enfold in a staging area corrects it.
#chsearchbox {
position: relative;
background-color: transparent!important;
margin-top: -15px;
z-index: 55;
border: none!important;
}
#search-3 #s {
left: 35px;
content: url(‘https://riseandshine.childrensnational.org/wp-content/uploads/2017/07/ch-search-icon.png’);
width: 85%;
margin: -32px auto !important;
padding: 41px;
border: none!important;
box-shadow: 0px 5px 15px 0px #cccccc;
}
#search-3 .avia-font-entypo-fontello {
background-image: url(https://riseandshine.childrensnational.org/wp-content/uploads/2017/07/ch-search-icon.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: transparent!important;
width: 67px!important;
}
#search-3 #searchform #searchsubmit {
_font-size: 2.5em; /*set the size of the magnifying icon*/
font-size: 1.5em;
color: transparent;
}
#search-3 input[type=”text”] {
font-size: 30px; /*set the size of the search box input font*/
}
#search-3 .button {
left: 95px;
}
#searchsubmit .avia-font-entypo-fontello {
display: none!important;
}Hi,
I’m following up on a similar topic I started about the search widget: https://kriesi.at/support/topic/search-widget-no-longer-working-correctly-since-update-to-enfold-7/I couldn’t respond to the topic earlier, but I appreciate your help with the custom search box widget. The CSS you provided works perfectly for the custom search widget located below the layerslider on the homepage. However, it also affected the search icon on the navigation menu bar. Instead of displaying the default SVG image for the navbar search box, it’s showing the custom widget’s image. Moreover, the search icon is misaligned within the text box entry area. When I attempt to modify the CSS for the navbar search box, it inadvertently changes the search icon in the page content widget. While the custom search widget is in great shape now, we need to restore the default SVG image and its position for the navbar search widget.
Could you guide me on restoring the SVG image to the navbar search box without it impacting the custom search widget in the homepage content area?
In reply to: Search icon
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
#top .menu-item-search-dropdown > a.avia-svg-icon svg:first-child { z-index: 0; }Best regards,
RikardIn reply to: KILL QUERY and Enfold Autoload data very high
Thanks, Mike. I searched more on your support and found this helpful. “Enfold 4.7.4 has an option to disable the unique timestamp generation for the css and JavaScript merged files and so there will not be as many entries it the wp_options table.”
I have the same issue. On my marketing website where the search icon/nav menu is over a photo, I can see the icon. But on my real estate website the menu bar is black and there’s a spot for the search icon, but it is not visible. Both are using Enfold version 7.1. I have other sites with nav menu bars where you cannot see the search icon. Yes, under Enfold, Main Menu I HAVE checked the box to APEND Search Icon to Main Menu. On all my sites.
Topic: SEO Mystery
HI,
I know it’s not your core business but after several trial with Yoast, XML Sitemaps and finally Enfold SEO feature, the website I work on isn’t appearing on any Search engine… In WP settings, to box allowing search engine to index is OK.The website is : http://www.springen-conseil.fr.
Do you have any ideas?
It would help.
Best
Topic: Custom divider
Hello,
i want te make something like the picure in the link. I have tried te use the custom svg divider en other options in enfold en searched over the internet for a solution but haven’t found anything. I want half an background color under a layout element. See for my idea:
https://brugmedia.nl/wp-content/uploads/2025/04/Screen.pngIs something like this possible in enfold?
on an older post there is no working solution for it.
https://kriesi.at/support/topic/change-color-body-style-on-one-page/
If I look at the differences in the DOM, I notice that it essentially depends on the html classes: html_stretched, html_boxed and html_av-framed-box. These classes are set in the header.php according to the settings of the Enfold options. ( html_stretched, html_boxed and html_av-framed-box ) on body they are set without html_ )
There are some filters – but nothing could bring the solution. (see old topic).A child theme header.php, on the other hand, is quickly created because a file of that name in the child theme root directory is automatically used instead of the parent theme file.
If you only want to use the framed layout for a specific page, it is easier to use the reverse method – set the framed layout setting globally and change it to boxed or stretched for all other pages.
Long story short. Upload to your child-theme route directory a header.php copy and edit it.
search for that line ( around line 26) :$style = $avia_config['box_class'];if you set the stretched layout – and want to have for a specifc page a boxed layout –
or you have set the boxed layout and want only one page to be in stretched layout – replace it by:if (is_page(array(27))) { $style = 'boxed'; // or 'stretched' } else { $style = $avia_config['box_class']; }now – as mentioned above it is not easy to get for only some pages a framed layout. So here we go the other way :
Set on Enfold options page a framed layout as global setting – and change the layout to all others that are not that page:if (!is_page(array(27))) { $style = 'stretched'; } else { $style = $avia_config['box_class']; }now every page now is stretched except the page 27
see here example page : https://clean.webers-testseite.de/impressum/ this page is framed – all others are stretched.
In reply to: Sticky element
Hi,
Thank you for the update.
Instead of placing the search widget inside a Color Section, try inserting it directly into the header using a widget or widget area. Please refer to this documentation for more info.
— https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
This is the html of the search element, which can be placed inside a Text widget: https://pastebin.com/K8x7qu9g
Best regards,
IsmaelWhen I change the css file of my child theme, these changes do not show up at the website.
After searching long, long time, it seems my website loads an old version of the css file. In the source code I see this one being loaded:
/wp-content/themes/enfold-child/style.css?ver=7.1The content of this file, when viewed through the browser, is not the same as the file I’m editing through ftp and a code editor at:
/wp-content/themes/enfold-child/style.cssI’ve been trying hard to find out how to load the right css. For example I’ve deleled browser caches, turned off caching plugin, and also set Enfold Performance settings at:
– Turn off css compression/merging
– Turn on delete old css and js filesNothing seemed to help. Finally asked chatgpt which said:
“It seems that the ?ver=7.1 in the URL of your style.css file is added to indicate the version of the file, which is usually done for caching purposes. If you want the CSS to load without the version parameter, there are several ways to do this, depending on how the version parameter is added. Here are a few possible solutions:”
One of the solutions was adding this code:
function custom_enqueue_styles() { wp_enqueue_style( 'enfold-child-style', get_stylesheet_directory_uri() . '/style.css', array(), false, 'all' ); } add_action( 'wp_enqueue_scripts', 'custom_enqueue_styles' );That seems to do the trick!
What is happening here?
How can I get this fixed without adding the extra code?Using Google, I see quite some people having issues withc css changes not being visible due to Enfold settings.
Please let me know how all his stuff works, and how I can turn it off or set it in such a way that it just works?
Hello,
the MCE icon tool (in the shape of a magic wand) to insert a shortcode in text element no longer appears in my custom layout.
i use it to display ACF custom fields data, like in documentation.With console i see a JS error in admin, I searched and it comes from the fact that the shortcode use the field label of ACF but it’s the field name which is given now, example for a company name :
previously with field name : {acf_field_6745a0c4478f3:Nom_entreprise}
today with field label instead : {acf_field_6745a0c4478f3:Nom de l’entreprise}
And in French the apostrophe in the label value of the field brakes some Avia js array and prevents the display of the MCE icon tool …i fixed it by removing apostrophe in the ACF label field
This appears to be due to a recent update, but is it an Enfold update or an ACF update? i don’t knowMaybe it can help others
Regards
In reply to: Trying to load website name and page-title in h1 tag
but you do not want to combine those things mentioned on the other post?
see f.e.: https://enfold.webers-webdesign.de/impressum/
see text logo above , when you switch to other posts/pagesfunction use_text_logo_only($logo){ $link = apply_filters( 'avf_logo_link', home_url( '/' ) ); $logo_tag = "h1"; $logo_heading = "Webers Webdesign"; $alt = get_bloginfo( 'name' ); $title = get_bloginfo( 'name' ); $page_title = get_the_title(); if(is_search()){ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.' - Suchergebnisse</'.$logo_tag.'></a>'; } elseif(is_front_page()){ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.'</'.$logo_tag.'></a>'; } else{ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.' - '.$page_title.'</'.$logo_tag.'></a>'; } return $logo; } add_filter('avf_logo_final_output','use_text_logo_only');#top .logo.text-logo { display: flex; justify-content: left; align-items: center; width: auto; } #top .logo.text-logo h1 { margin: 0 !important; font-size: 30px; }Hello Mike, Site isn’t live as it is in a staging environment. I use the Enfold DJ Demo as a foundation and the normal masonry gallery without any CSS tweaks. Excerpt text of masonry gallery is always inside the thumbnail, I’m just searching for a global Enfold-Solution to put it below the thumbnail.
In reply to: Sticky element
Hey sitadi,
The login to the live site is not working, but for the test site the search is sticky but seems to be in the wrong position when the header when it shrinks,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#header.header-scrolled ~ #main #av_section_1 .avia_search_element { top: -64px; position: relative; } #header ~ #main #av_section_1 .avia_search_element { top: -30px; position: relative; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeTopic: Table Heading Row Colors
In the Avia Layout Builder, I’m using the Table Content Element on a page. On the Styling tab, I’ve selected Use the table as a Pricing Table + Default + Show empty cells. At this point, the table has a Heading Row at the top, followed by two Default Rows, with two columns.
When viewed, the Heading Row has a red background with white letters.
My question is, how are the colors (background, text) of the Heading Row controlled? Is there any way to adjust those colors, perhaps in the Enfold theme options? Or . . .?
While I’m at it, I searched for documentation for how to use the Table Content Element in the Enfold documentation. Couldn’t find anything. Is there any such “how to” documentation?
Thanks! Lance
In reply to: Broken Search Icon After Updating to Enfold 7.1
Hi Rikard,
Strange that the Enfold 7.1 update changed the search icon from white to grey. Your fix worked. Can you please close the thread? Thank you!
I wondered if you might be able to help with a small issue following your switch to SVG for several of the elements in v7 and v7.1 please.
I use my own custom to set the colours and have had no issues with the Search, Return to Top and Shop Cart until v7 updates to SVG, I found another post where you gave the css for the Search icon and I found the Return to Top CSS I needed but I am not having as much luck with the Shop Cart.
Would it be possible for you to post the css you are using with the updated Shop Cart please.Also out of interest are there any other functions you have switched to SVG now that I might have missed?
Thank you ever so much.
Is there a noindex nofollow for a page setting in the Enfold theme?
Sometimes I publish pages so my collaborators can see them but I do not want them to be indexed by search engines. Is there a setting within the Enfold theme itself for this or is it a WordPress setting?
In reply to: Broken Search Icon After Updating to Enfold 7.1
Hi Rikard,
Did you have a chance to read my message above. Can you please help me to get my search icon back to the way it was before upgrading to Enfold 7.1, with a white search icon with grey text in the search box? I want to correct this issue without custom css. Thank you.
In reply to: Broken Search Icon After Updating to Enfold 7.1
Hey classywebsites,
Thanks for the login details. The search icon gets its colour from Enfold->General Styling->Logo Area->Logo Area Secondary Font Color, you can change the colour there. If you want to set the colour using your own CSS, then please use this in Quick CSS:
.header_color .main_menu ul:first-child > li > a svg:first-child { stroke: #fff; fill: #fff; }Best regards,
RikardAfter updating up to Enfold 7.1, the search icon on the main menu on desktop and mobile turned grey. It used to be white, like the white text on the main menu on desktop and the white menu icon on mobile.
I tried resetting Performance in theme options, flushing cache, flushing browser cache and deactivating all plugins.
Please see the staging site with the Enfold 7.1 problems and the live site with Enfold 6.0.9 without problems in the Private Content below.
Can you please help? Thank you.Hello, we’ve noticed an issue across multiple websites we’ve developed using the Enfold theme. Specifically, in Google search results, instead of showing the correct site name, Google often displays the domain name as the site title.
This happens regardless of the SEO plugin used (Yoast SEO, SEOPress, Rank Math, etc.), which suggests the issue might be related to Enfold itself. We have already:
• Set the correct SEO title in the homepage settings.
• Implemented structured data with WebSite schema defining the correct site name.
• Checked Google Search Console for any overriding settings.
• Requested reindexing, but the issue persists.Could this behavior be caused by Enfold? Is there a specific setting or modification required in the theme to ensure Google picks up the correct site name?
Thank you in advance for your help!
