i do not see where your code misses some settings:
f.e. where does this comes from?
#top .av_inherit_color * {
color: inherit;
}
try in your quick css:
#top .av-large-testimonial-slider .avia-testimonial_inner {
display: inline-table;
}
#top .av-large-testimonial-slider .avia-testimonial_inner * {
color: #FFF;
}
#top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a {
color: #FFF;
opacity: 1 !important;
}
#top .alternate_color .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
fill: #FFF !important;
opacity: 0.5;
}
#top .alternate_color .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a.avia-svg-icon:hover svg:first-child {
opacity: 1
}
Give your visitors a bit more time to read the testimonial – ( autorotation is to fast )
__________
btw:
you entered the custom class with a dot on Link
Enter it without
nevertheless it is added correctly to avia-testimonial-wrapper
Hi,
I’m trying to do the same thing, but when I add the new code, there are no longer icons before the email adddress and the phone number, which I would like. Here’s the code I added, using your suggestions above:
Enfold Theme Options > Header > Extra Elements > Phone Number Or Small Info Text:
(Email address hidden if logged out) “> (Email address hidden if logged out)
941-462-9082
Custom CSS:
/* Phone info */
.phone-info-top {
display:inline-block!important;
padding:4px 10px;
}
I would like the icons before the email (ue805) and phone (ue854) – and I would like them to be a different color than the text, like this site: https://www.coastlinetree.com/
How can I accomplish this?
Thank you so much!
On desktop the menus in the top are white, but they turn grey on mobile, can you give me a css so that the font are white on mobile as well?
Dear,
I tried many ways to hide top menu but it didn’t work for me.
I don’t need menu neither on desktop nor on phone
how can I do that ?
https://jumpshare.com/s/lPZAFGAHpqDqufffYiPM
Hi folks.
My header behaves rather strangely depending on the screen size: I would like to harmonize its behavior.
I’ve fixed its size to 50px in the theme configuration. However. when the screen size changes, I see the following changes:
screen width < 990px and >=768px:
1) The header height increases from 50px to 90px.
2) The ‘transparent’ header when on top of the homepage becomes ‘opaque’.
screen width < 768px:
1) The height decreases from 90px to 80px.
2) The header stays ‘opaque’ on top of the homepage.
I couldn’t find anything related to this in the theme configuration.
I’ve already used some CSS I found here in the support forum to make the burger menu appear below a specific size (1300px). Another change I applied to the header is the one suggested by @Ismael to keep the logo vertically centered. No other changes are affecting the header, in my CSS file.
How can I have the header keep the same height of 50px & “behavior” (=transparency when on TOP of the homepage, then opaque when scrolling down) on all screen size?
Thx in advance. Bye!
I followed the instructions (although I can’t find the custom footer page) from https://kriesi.at/support/topic/maintenance-mode-and-demo-pages-not-showing-up/#post-1426008 but I still get a 404 when selecting the secondary language (WPML) when not logged in.
Setting the custom Error Page 404 Page works…
Any ideas?
Seems like a pretty big item, since most websites need a working contact form. Am I the only one that has issues with the submissions? I have around 20 Enfold theme websites and its the main thing that stops me from using the theme more. I really don’t want to do Divi for all my future sites and trying to find solutions here. At least if I could capture the submission, we wouldn’t miss anything if the emails didn’t sent. Or I guess I have to use Contact Form or Elfsight ever time? Thanks
Alex K.Guest
Hi,
are there coming new demos? the existing demos are so old and nothing new came out for years. so i have to ask is the theme still in progress/development for new upcoming versions like 8.0 etc. ? or will you stop to develop the theme in the future? i bought 96 licenses and it would be great if the advanced layoutbuilder would be as flexible as the elementor or others. i would highly appreciate it if we have the great enfold theme still in 3, 5 or more years.
thank you for feedback.
Alex
Hi Ismael,
As mentioned on this topic, I did add the following code to the functions.php file of my child theme in order to enable hierarchy for portfolio items:
add_action('init', function() {
function avf_portfolio_cpt_args_mod( $args ) {
$args['hierarchical'] = true;
$args['supports'][] = 'page-attributes';
return $args;
}
add_filter( 'avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod' );
});
Then, I used Page attributes of the child portfolio item to set its parent page. The URL of child pages displayed when I modify the page is:
https://www.cuisine-chinoise.org/recette/saute-aux-huit-tresors/ingredients/
but it acts as an invalid URL when used.
The topic owner did mention a problem and sait he fixed it, but does not tell how he did.
Best regards,
Serge
Hey,
Thank you for your feedback and for your contribution. We will review and merge it soon.
Everyone has to find the translations first, download them, upload them to their website, etc. Wouldn’t it be easier to just provide good translations as standard that ship with the theme…?
When translations are contributed through our support forum or GitHub, we merge them and make them available in the upcoming version.
Since there are only handful of active translation contributors (Italian, Dutch, French, Croatian), we prefer not to use translation tools and send the language files to the contributors in advance. Most updated translations make to the current version.
Please let us know if you’d like to receive the language files in advance and we’ll send them to you as well.
Best regards,
Yigit
Hi
How do I remove/reduce the space above the logo on the mobile view of the homepage?

Thanks in advance :)
-
This topic was modified 1 month ago by
PhatJ.
Hi,
It seems to be working correctly when we checked (see screenshot below). To resize the background, make sure to set the Styling > Background > Background Repeat of the grid row element to Stretch to fit.

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,
Ismael
Hi,
Thank you for the inquiry.
The testimonial entries are there, but the text color is different. Please try to add this css code:
#top .avia-testimonial-markup-entry-content {
visibility: visible !important;
color: #ffffff !important;
}
Let us know the result.
Best regards,
Ismael
Hi,
Thank you for the update.
Have you tried using the Fullwidth Slider? You can also try this css to limit the size of the color section on smaller screens.
@media only screen and (max-width: 768px) {
/* Add your Mobile Styles here */
#top .avia-section.av-zjsv-901082093e6d72f3482787541e1c8070 {
max-height: 200px;
background-size: contain;
}
}
You may also need to adjust the elements inside the color section. We recommend applying custom css class names to the elements inside the text block, as they are custom coded, so you can modify their style for smaller screens.
Best regards,
Ismael
Hi,
Thank you for following up.
Did you set the cell’s Styling > Background > Background Repeat to Stretch to fit? Please refer to the screenshot below.

You can also use this css code:
.responsive #top #wrap_all .av-flex-cells .no_margin {
background-position: 50% 100%;
background-size: cover;
}
Screenshot from a display with a larger screen resolution.

Best regards,
Ismael
Hi,
I set it for 9px as a visual test for each screen setting
We kept it at 9px so you can clearly see the difference. The changes you made are displaying correctly on our end — please try clearing your browser cache.
Unfortunately, there is no global toggle or setting for text or heading alignment. You may need to adjust this using custom css code.
#top .fullsize .template-blog .post .entry-content-wrapper {
text-align: left;
}
Let us know if you have more questions.
Best regards,
Ismael
Hi there!
I’m having an issue of a page insert not displaying the correct font colour for logged out users. I found this thread and followed those instructions, but the issue persists.
This has been all working correctly for almost two years, and has only recently started happening. I’ve gone through recent plugins and snippets, clearing the cache as I go, but nothing seems to be causing it – that I can see.
The page on its own displays the font colour correctly (white) for logged out users – https://signosaur.com.au/testimonials/, however, once the page is inserted into another as a page insert, it doesn’t. I have this page inserted on two separate pages.
1. Logged out users, the page itself (correct view):
https://www.dropbox.com/scl/fi/jgr2yz5n9ln9fvu72la3b/Testimonials_LoggedOutUser.png?rlkey=kdp8h5hdeordvaw32ep06o2cq&dl=0
2. Logged out users, page inserted to home page (wrong view):
https://www.dropbox.com/scl/fi/s8eedvq5su7rvoyii7j1z/HomePage_LoggedOutUser.png?rlkey=vo9ds8n61gd249zeiy23ryvz6&dl=0
3. Logged in users, the page itself (correct view):
https://www.dropbox.com/scl/fi/0hp26938f7xn1ysbcmvyp/Testimonials_LoggedInUser.png?rlkey=m8t738r7nbc2k755aw5so9ury&dl=0
4. Logged in users, page inserted to home page (correct view):
https://www.dropbox.com/scl/fi/yg93soj4y90x8c4xw5jk5/HomePage_LoggedInUser.png?rlkey=14k32ec803w1vj2b60m83vloe&dl=0
May someone please help me look into why this has suddenly started happening? Any help would be greatly appreciated, thank you in advance :)
-
This topic was modified 1 month ago by
sarahd167.
i implemented the possibility to add a custom class set on the grid container (div.av-author-loop-container)
and implemented a css for that custom-class on loop-author.css to rule the column-count for all screen width :
/* ======================================================================
OPTIONAL: AUTO-FIT GRID in filter for automatic responsive columns
Use $atts['class'] = 'auto-fit-grid';
====================================================================== */
#top.author .av-author-grid-container.auto-fit-grid {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}
this means: Each column must have a minimum width of 250px — the entire width is then filled with columns based on this basis.
_______________
in list view – if you do not like to show the featured image in cover mode – then add to your quick css:
#top.author .av-author-list-image img {
height: 100%; /* === unset - will bring the image to top === */
object-fit: contain; /* === contain - will show the whole image without crop === */
}
Hi, would it be possibile to have a phone icon on my top in https://www.avvocatoambienteesicurezza.it/
I read and tried this in my extra elements section but it does not work.
051 4198 653
Thanks in advance, Gianluca
-
This topic was modified 1 month ago by
sitibus.
This reply has been marked as private.
Hi,
I tried to allow portfolio hierarchy according to this topic to no avail. After adding the second piece of code to my child theme functions.php file, I can add the parent page, but I get a 404 error when I try to access it by clicking the page updated link. I can also see the child page under the parent page in the portfolio item list, but I get a 404 error when I try to access it from there too.
Parent page
Child page
Best regards,
Serge
Hi
If you go to my website (link below) you will notice that the logo in top left corner appears “normal” at first, but as the page loads, it shrinks to a very small logo.
I have also noticed that if I resize the window, each resize makes the logo smaller and smaller until it disappears.
Any ideas?
Thanks
-
This topic was modified 1 month ago by
ivanglaser.
Hello everyone!
Enfold has become a large and wonderfully great WordPress theme. It is used on thousands of websites and seen by thousands of users and visitors. Therefore, I am a little surprised that there is no good way to contribute translations. :(
WordPress and Enfold are certainly used in many languages. The English translation is good, but many people don’t speak English, or at least not well. For example, I come from Germany and speak German. I understand English, but unfortunately some of my friends and colleagues with whom I work on websites that use Enfold do not speak / understand English that good. Therefore, it would be very helpful if Enfold had a good German translation. I know it has a German translation, but it is missing many translation strings and some are weird, so that average users probably don’t understand it.
I have seen that there is this post on the forum: https://kriesi.at/support/topic/please-contribute-and-translate-enfold/ where translations can be shared, but that’s not really a good way, is it? Everyone has to find the translations first, download them, upload them to their website, etc. Wouldn’t it be easier to just provide good translations as standard that ship with the theme…?
I found this GitHub repository: https://github.com/KriesiMedia/enfold-language-files where you can contribute translations. I created pull requests to improve the translations for the German language. However, these are not reviewed or merged. :(
To simplify the whole process, I suggest introducing translation tools, like:
– https://crowdin.com/
– https://www.transifex.com/
– https://translations.stellarwp.com/
Then users can improve the translations and they can be included directly in the theme in the next version.
Hi Agian, can you try to add something rather to the function file code on the top of this post? Gri-notfull is working perfect except that the image bacground still is boxed, so if we only can get the full width background on the function code, its all good.
Thanks, Mathilde
Top, it works fine.
Thanks for your patience Rikard.
Have a nice day.
JM
Hi,
Please try this as well:
#header_meta .sub_menu {
top: 0;
}
Best regards,
Rikard
Hi,
Thanks for the update. If you have additional problems which are not related to the original topic, then please open a new thread.
Best regards,
Rikard
This reply has been marked as private.
This reply has been marked as private.
Dear,
I tried many ways to reduce the space around before/after image for both mobile and disktop. I edited the margins but dint work for me.
could you please help me in this.
Thank you.
https://jumpshare.com/s/IhxystITLzo5gjemDCCb