Hi,
Thanks for the link to your page, currently I see you have a plugin wpo-minify active so it is minifying your css so I can’t see exactly where this rule is coming from that is preventing your link from showing the text-decoration underline, but from the classes I believe it’s from the WordPress Block Editor:
#top a:where(:not(.wp-element-button)) {
text-decoration: none;
}
To override this css please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #main .content a:where(:not(.wp-element-button)) {
text-decoration: underline;
}
After applying the css, please clear your browser and minify plugin cache and check.
The expected results:

Best regards,
Mike
Hi Silvio,
I apologize if the changes I made caused any issues, can you setup another staging site? I thought the link you gave was a staging site because of its subdomain name.
The screencast I posted shows it works properly when I have disabled the caching plugin and have switched to the parent theme, which suggests that the problem is most likely on the child theme.
I have also tested this on my enfold install however I could not reproduce the same issue, maybe your child theme has some js scripts/code that maybe interferring with the load more button function.
Best regards,
Nikko
Hi Barnett,
You can download it here: https://bit.ly/38d4IFj
Or you can go to our documentation page and click on the yellow button: https://kriesi.at/documentation/enfold/child-theme/
Hope this helps.
Best regards,
Nikko
Hi woogie07,
1. Yes, it’s possible, please try to add the following on Enfold > General Styling > Quick CSS:
#top #wrap_all .avia-fullwidth-slider .avia-slideshow-button {
font-size: 18px;
padding: 20px;
}
Just adjust the values as you see fit.
2. I could see a vertical line on the left of the subhead on the fullwidth easyslider, is this already done? I’m not really sure I understood the question.
Best regards,
Nikko
Hi Illingco,
Please try to add this CSS code in Enfold > General Styling > Quick CSS: (just change the values as you see fit)
#top #wrap_all .socket_color .av-subnav-menu .av-menu-button-colored>a .avia-menu-text {
color: white;
font-size: 13px;
background-color: blue;
border: 2px solid black;
}
Best regards,
Nikko
Hi So Evolve,
I have checked for the rumble icon on fontello’s website unfortunately, I did not find any icon.
You will need to find it somewhere or you can try downloading it here: https://companieslogo.com/rumble/logo/ (I just found one here)
Then do the following Steps:
1. Please add this code in functions.php of your child theme or you can add it via a plugin called WPCode:
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['rumble'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue897');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons['Rumble'] = 'rumble';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
2. Go to Enfold > Social Profiles, then add Rumble and the link to your Rumble Channel.
3. Go to Header > Extra Elements > Header Social Icons and make sure to set to any value except No social Icons (at this point check the frontend of your site and see if it works properly)
4. Go to Media > Add New, then upload the rumble icon, (once uploaded) click the Copy URL to clipboard button.
5. Go to Enfold > General Styling > Quick CSS and add this CSS code:
#top #header .social_bookmarks .av-social-link-rumble a {
background: url(rumble_image_url) center center no-repeat;
background-size: contain;
}
#top #header .social_bookmarks .av-social-link-rumble a:before {
display: none;
}
Just replace rumble_image_url with the URL you copied from the clipboard.
Hope this helps.
Best regards,
Nikko
Hey Julia Friebe,
Thank you for purchasing the theme.
In order to open questions in the forum, you have to register an account first using your purchase code. Please go to the link below, place the purchase code in the provided field, then click the verify button.
// https://kriesi.at/support/register/
After the registration, just visit the link below to open a new thread in the forum.
// https://kriesi.at/support/forum/enfold/#new-post
Best regards,
Ismael
Can I get separate CSS for the Caption Text and the Link Buttons?
I used this for the Caption Title:
.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title
{text-shadow: 3px 3px 2px #000;}
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.avia-button.avia-size-x-large {
min-width: auto;
}
}
Best regards,
Rikard
I fixed a sub page to my main enfold page. But the main buttons on the new page do not lead to the main page, but to the same sub-page. Where can i change so that the buttons lead back to the main page?
Frontpage: https://webbx.nu/
sub page: https://webbx.nu/frontpage/shortcuts/?preview_id=3263&preview_nonce=7c64a15c60#top
Hi Martina,
I deactivated all plugins and then it worked. Then activated again and still correct, strange!
This sounds like a caching issue. If the issue reoccurs, please clear cache and check if that helps.
According to the GDPR, all buttons in the cookie banner must look the same, i.e. the same color & size. Where do I have to make changes here so that all are green and like a little smaller?
Please go to Enfold theme options > Advanced Styling and edit cookie consent elements: https://i.imgur.com/BIfv5rt.png
Best regards,
Yigit
Hey Tom,
The Events Calendar should inherit the colors you set in Enfold theme options > General Styling tab. It is not fully compatible with customizer.
If you’d like to override Enfold theme options styling, please add following code to bottom of Quick CSS field in Enfold theme options > General Styling
.tribe-events .tribe-events-c-search__button {
background-color: var(--tec-color-background-events-bar-submit-button) !important;
color: var(--tec-color-text-events-bar-submit-button) !important;
}
Best regards,
Yigit
Hey Tom,
I reported the issue to our developers. Issue should be fixed in upcoming version.
As a temporary solution, I added the following code to the bottom of the Quick CSS field in Enfold theme options > General Styling
/* Temporary CSS fix for TEC styling */
:root{
--tec-color-text-events-title-day:var(--tec-color-text-events-title);
--tec-color-text-events-title-latest-past:var(--tec-color-text-events-title);
--tec-color-text-event-title-list:var(--tec-color-text-events-title);
--tec-color-text-events-title-month-multiday:var(--tec-color-text-events-title);
--tec-color-text-events-title-widget-list:var(--tec-color-text-events-title);
--tec-color-text-secondary-event-date-month:var(--tec-color-text-secondary-event-date);
--tec-color-text-secondary-event-date-month-mobile:var(--tec-color-text-secondary-event-date-month);
--tec-color-text-day-of-week-month:var(--tec-color-text-secondary);
--tec-color-day-marker-month:var(--tec-color-text-primary);
--tec-color-day-marker-month-hover:var(--tec-color-text-primary-hover);
--tec-color-day-marker-month-active:var(--tec-color-text-primary-active);
--tec-color-day-marker-current-month:var(--tec-color-day-marker-month);
--tec-color-day-marker-current-month-hover:var(--tec-color-day-marker-month-hover);
--tec-color-day-marker-current-month-active:var(--tec-color-day-marker-month-active);
--tec-color-day-marker-past-month:var(--tec-color-text-primary);
--tec-color-day-marker-past-month-hover:var(--tec-color-day-marker-past-month);
--tec-color-day-marker-past-month-active:var(--tec-color-day-marker-past-month);
--tec-color-text-day-of-week-week:var(--tec-color-text-secondary);
--tec-border-radius-month-multiday:9.5px;
--tec-color-border-secondary-month-grid:var(--tec-color-border-secondary);
--tec-color-border-active-month-grid-hover:var(--tec-color-border-active);
--tec-color-background-month-grid:transparent;
--tec-color-background-tooltip:var(--tec-color-background);
--tec-color-text-events-bar-input:var(--tec-color-text-primary);
--tec-color-text-events-bar-input-placeholder:var(--tec-color-text-secondary);
--tec-opacity-events-bar-input-placeholder:var(--tec-opacity-default);
--tec-color-border-events-bar:var(--tec-color-border-secondary);
--tec-color-background-events-bar:var(--tec-color-background);
--tec-color-background-view-selector:var(--tec-color-background-events-bar);
--tec-color-background-view-selector-tabs:var(--tec-color-background-view-selector);
--tec-color-background-view-selector-list-item-hover:var(--tec-color-background-secondary);
--tec-color-background-subscribe-list-item-hover:var(--tec-color-background-secondary);
--tec-color-text-view-selector-list-item:var(--tec-color-text-primary);
--tec-color-text-view-selector-list-item-hover:var(--tec-color-accent-secondary-hover);
--tec-color-background-search-container:var(--tec-color-background-events-bar);
--tec-color-text-events-bar-submit-button:var(--tec-color-background);
--tec-color-text-events-bar-submit-button-active:var(--tec-color-text-events-bar-submit-button);
--tec-color-text-events-bar-submit-button-hover:var(--tec-color-text-events-bar-submit-button);
--tec-color-background-events-bar-submit-button:var(--tec-color-button-primary);
--tec-color-background-events-bar-submit-button-hover:var(--tec-color-button-primary-hover);
--tec-color-background-events-bar-submit-button-active:var(--tec-color-button-primary-active);
--tec-color-icon-events-bar:var(--tec-color-icon-primary);
--tec-color-icon-events-bar-active:var(--tec-color-icon-active);
--tec-color-icon-events-bar-hover:var(--tec-color-icon-hover)
}
You can remove in the version after 5.4.1
Edit: After checking your other thread, I realized we must hear back from our devs. As I mentioned in the other thread, TEC styling should inherit Enfold theme options.
Best regards,
Yigit
-
This reply was modified 3 years ago by
Yigit.
I fixed a sub page to my main enfold page in WP. But the main buttons on the new page do not lead to the main page, but to the same sub-page. how can i change so that the buttons lead back to the main page?
Hi,
I have some fonts which I have download from google fonts. I did it as you describe in documentation – so I used the webfont generator and then I imported the fonts as a zip into enfold. When I tired to insert the zip file (button) only one strange named font were imported, called specimen files ().
I also think, that the font isn’t shown although I set it. I also tried to deacitvate the google font blocker plugin, but that is not the reason for this problem.
Can you please help me here again?
Thanks a lot.
Best regards,
Eve
Hi Enfold Team,
I am having an issue with the full-width easy slider. I cannot add text, overlays, or buttons to the section. It seems like those functions are missing from the module. I have created them before so not sure why it’s not working this time.
Thanks,
Monique
Hello,
I was given responsibility of a website using the Enfold template. I had to transferred hosting companies and after doing so I noticed the template keeps referencing back to an old CSS file. Currently, I can’t make any changes to the template because of this error.
I am providing you credentials so you can log in to the server and test this yourself. Before you do, please take a look at the website’s footer then change any text on the copyright field and you will notice how the entire footer will change. It will become another color and different font type. In fact, many other elements across the site will also change like buttons, font types, colors. etc. However, I can make any changes to page text or forms but none that is related to the template.
Thanks in advance for your help
Hello Nikko,
Thank you, I could change the color of the “Kontakt” button, but I still need an answer to question 1
– the second grey thin line under the main menu – look at the link below – how can I gt rid of it?
I’ve several Enfold websites and this line comes up often after an update.
Best regards, AB
Hi A,
Thanks for giving us admin access.
1. Both menu items have Menu Style of Colored button that’s why both of them have the same color.
2. Try to add this CSS code in Enfold > General Styling > Quick CSS:
#top #header #avia-menu #menu-item-21066 > a,
#top #header #avia-menu #menu-item-21066 > a .avia-menu-text {
background-color: blue;
color: white;
}
3. Top Menu can be changed in Enfold > Advanced Styling > Small Bar above main menu, then change the settings but this affects all of the top menu items. We can help with CSS code though, please add this CSS code to change ReFo to make it like a Colored Button:
#top #header_meta #menu-item-464 > a {
background-color: #df9f1f;
border-radius: 4px;
padding: 2px 8px;
}
Just change the color as you see fit.
Best regards,
Nikko
Hello,
1/ Since a while I have 2 light grey lines below the main menu, there should be juste one !
I updated Enfold to the latest version and WP as well ! How can I change this ?
2/ How can I change the color of the second button “Kontakt” in the main menu (it is yellow)?
3/ Top menu, we can’t change the menu points to another color – look at ReFo – I changed it in the menu to a colored button, but it does not change!
Thank you in advance,
AB
Hi,
Thanks for the feedback, I guess I misunderstood, if you are talking about a Recaptcha button that always showing on the right bottom site then this would be from another plugin because Enfold doesn’t have this.
The only thing we have similar to the is the Enfold Theme Options ▸ Privacy and Cookies ▸ Advanced Options ▸ Show reopen badge it looks like a “lock” icon to reopen the cookie bar.
Best regards,
Mike
Hi:
I updated Enfold today on one of my sites and it broke the site; many of the images no longer appeared. So, I restored a backup, database and files on this website and then I received this Fatal Error, related to the enfold theme:
Fatal error: Access level to avia_sc_chart::shortcode_insert_button() must be public (as in class aviaShortcodeTemplate) in /home/customer/www/surfshackbuilders.com/public_html/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/chart/chart.php on line 49
There has been a critical error on this website. Please check your site admin email inbox for instructions.
I tried adding an older version of the theme back in, manually, in file manager, but that did not help. Site is here: https://surfshackbuilders.com/
—
:Update: I had to restore a backup because the client’s site was down. So, I’ve done that and now My Theme Options > Theme Update shows that I have Version 5.0 of Enfold installed, and that it should be updated to Version 5.4.1, but now I’m afraid to, because that’s what caused the site to go down last time. Any suggestions?
Hi schweg33,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (max-width:767px) {
.page-id-241 .av-le1qx22n-0d847840b527e1f40f2381188013c850,
.page-id-241 .avia-button-wrap.av-bn809-402e5454ae050ba1ede479b67a8f0843-wrap {
width: 50%;
float: left;
}
.page-id-241 .avia-button-wrap.av-bn809-402e5454ae050ba1ede479b67a8f0843-wrap {
clear: none;
margin-top: 30px;
}
}
Best regards,
Nikko
Hi Enfold
Im not able to add caption and buttons to the slider, please help.-
Alan ;)
Hello, I’m using enfold photography demo. How can I add a image under the social media buttons?
Thanks in advance
Hi, just set the Recaptcha V2 and V3 on a couple of my sites with Enfold. But not showing the Recaptcha button on the right bottom side. Tried several keys from different accounts. But not showing.
Hi,
Please refer to this post – https://kriesi.at/documentation/enfold/theme-update/ and update Enfold to the latest version 5.4.1 and then go to Enfold theme options > Advanced Styling and edit “Cookie Consent Link and Info Button”.
If you would like to use custom CSS instead, please add following code to Quick CSS
#top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn {
color: #b45d15;
background-color: orange;
border-color: green;
}
Best regards,
Yigit
When using the Imagify plugin with Enfold, the list view of the media library breaks. I’ve also reported this to Imagify, but switching to a different theme fixes the issue, so it does seem to be a conflict with Enfold. The issue occurs even if Imagify is the only active plugin, so there’s not another plugin interfering to cause this. I’ve tested with Enfold 5.2.1 and Enfold 5.4, using Imagify 2.1.1, and the issue occurs with both versions of Enfold.
Imagify adds a column to the wp-admin media library list view for its “Optimize” button. Using the list view appears to be required in order to use Imagify to manually optimize images.
It’s supposed to look like this (this is when the Twenty Twenty-Three theme is active):

When Enfold is active, it looks like this:
