-
AuthorSearch Results
-
June 8, 2023 at 12:14 am #1409925
In reply to: Styling contact form 7 like Enfold
Hi,
Thank you for your patience, I found some errors in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field and I corrected them and added this css:#top .wpcf7-form input[type='text'], #top .wpcf7-form input[type='email'], #top .wpcf7-form input[type='tel'], #top .wpcf7-form .wpcf7-textarea { border: 2px solid #222; background: transparent; color: #222; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1em; padding: 13px!important; border-radius: 2px; } #top .wpcf7-form .wpcf7-submit { padding: 16px 20px; border-radius: 2px; border: 2px solid #222; background: transparent; color: #222; font-size: 0.92em; min-width: 142px; }please clear your browser cache and check.
Best regards,
MikeJune 7, 2023 at 5:55 am #1409832In reply to: Stylize the image caption font
Hey Tanja,
Thank you for the inquiry.
You can configure the style of the caption such as the font size and overlay in the Styling > Image Caption toggle. You can also add css to adjust the style of the caption even further. To make the caption italic for example, please add this css code.
.av-image-caption-overlay { font-style: italic; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.
Best regards,
IsmaelJune 6, 2023 at 6:04 pm #1409791In reply to: Enlarge icon size on icon circles element
try to play a little and start with: height and font-size
#top .av-icon-circles-container .avia-icon-circles-icon { text-align: center; font-size: 50px; line-height: 0 !important; height: 80px; width: 80px; margin: -33px; } #top .avia-icon-circles-icon::before { position: relative; top: 49%; } .main_color #top .av-icon-circles-container .avia-icon-circles-icon.active { border: 3px solid #608a12; transform-origin: center center; }it might be necessary to move the icon inside the circle ( via pseudo-container : before ) . Since I can’t see your private message, I can’t give you any better advice.
June 6, 2023 at 4:29 am #1409724Yes technically it works but I need to go thru dozens of pages and change it manually, if there was an easy way to edit the default from H2 to H1 that could have been amazing.
Also if there was an option to edit the default caption title font size and caption content font size on mobile view that could save me a bunch of work.
-
This reply was modified 2 years, 8 months ago by
0_o.
June 6, 2023 at 2:16 am #1409699In reply to: Rotating staff position with circular image
Hey woogie07,
Thank you for the inquiry.
To adjust the size of the testimonial image and text, as well as move the arrows lower and align them to the center, you can add the following CSS code:
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image { width: 180px; height: 180px; } #top .av-large-testimonial-slider .avia-testimonial-meta-mini { line-height: 2.8em; padding-top: 30px; } #top .av-large-testimonial-slider .avia-slideshow-arrows a { top: 70px; margin-top: -1px; opacity: 0.1; font-size: 45px; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.
Best regards,
IsmaelJune 3, 2023 at 9:35 am #1409461In reply to: icon-list: change/control color for every icon
Again, thx Mike,
sorry, did two things the same time…
pls check the page, there’s now the second icon list (minimal style) for small screens on smartphones.
I’d like to know if/how css can change “avia-icon-list” from av-iconlist-big (with Icon Fontsize 24px) to av-iconlist-small (with Icon Fontsize 14px) on small screens so that I only need one icon list element instead of two. (I’d appreciate to learn how css can help me switching list style to minimal for small screens.) That might help me to spare the second icon list and avoid redundancy with all the fuss that comes with it.By the way: is there a list or library of all the element names (classes?) and properties available?
-
This reply was modified 2 years, 8 months ago by
Nomad.
June 2, 2023 at 9:36 pm #1409433In reply to: icon-list: change/control color for every icon
Hi,
When I check the numbers I see that you are using css to make the font size 14px below 850px and above that they are 24px:@media only screen and (max-width: 850px) { #top .VuK-IconList-numbers li .iconlist-char:before { font-family: 'PT Sans',Helvetica,serif; font-size: 14px; font-weight: bold; position: relative; bottom: 2px; } }Perhaps you just added this after you asked the question, but it seems to be working for me.
As for your first question, I don’t see a second icon list element, I see a hotspot element, but I thought it was only a test, perhaps if you explain further with some context and a admin login it would make more sense, but right now I think the one iconlist #Ablaufschritte element looks fine on both desktop and mobile and I would remove the hotspot element.Best regards,
MikeJune 2, 2023 at 9:35 am #1409368In reply to: icon-list: change/control color for every icon
Wow, Mike: Thank you!
every time there’s to learn – I appreciate that.
If you’re open for a following question:
for this responsive thing I copied the icon list element and set the second one’s [list styling] to “minimal”.
I have two issues with that:
1. redundancy – every change in terms of content has to be made on two elements…
2. font size – the smaller icons should get a smaller font size than the 24px that is set via the following code:.VuK-IconList-numbers li .iconlist-char:before { font-family: 'PT Sans', Helvetica, serif; font-size: 24px; font-weight: bold; }Could you pls give me a hint what to do having css delivering responsive font sizes 24px for not smartphones, smaller for smartphones…
(that would solve issue #1 as well)?Again thank you!
June 2, 2023 at 7:26 am #1409359In reply to: Updates Changing Fonts and Colours
Hi Team,
My host provider can’t organise a staging environment, so where do I go from here? When I go and update my theme, the font and size changes on some of my main heading pages, which is a bit annoying because I need to keep restoring the backup.
I have used the theme for many years and can’t update it to newer versions.
June 1, 2023 at 11:40 pm #1409323THe site is still not functioning properly and thats what I got from WP-Rocket. Can you please help me fix this issue?
Thank you
Hi David,
I’ve been running some tests, trying different combinations of WP Rocket’s settings and finally found that the issue is already there even if deactivating WP Rocket completely.
See this screencast for reference: https://share.getcloudapp.com/wbuLAdBq
As you can see, even with WP Rocket disabled, the font displayed is Helvetica and not Montserrat, as it should be:
12bea9ead21679ce877226dd09ff86c0.png
Full-size image: https://share.getcloudapp.com/xQuElmkdI am not a developer, but it seems this inline script might be related to the issue, since it is asking for a cookie and this is affecting the Montserrat font-family:
28b1c43dd9217bfbe8289a79f2a58a88.png
Full-size image: https://share.getcloudapp.com/d5uD8kKjHope this helps you troubleshoot what is causing the font display issue.
Let me know if you have more questions about WP Rocket, I’ll be glad to help. :)
June 1, 2023 at 8:42 pm #1409320In reply to: Font Fitting into Search
Hi,
To change the font size of the red text in your screenshot Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #header #menu-item-search .ajax_search_response a.av_ajax_search_entry { font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 1.2em; }After applying the css, please clear your browser cache and check.
This is the expected result:

Best regards,
MikeJune 1, 2023 at 7:00 pm #1409300In reply to: pop up text on mouse over image
Hi Nikko
Thanky you very much for your solution. I have increased the font size to 20 and it works fine.
Best Regards,
RetoJune 1, 2023 at 2:52 am #1409228Topic: Vertical Align for Icon in Top Bar
in forum Enfoldbeverlystone
ParticipantIn the extra elelments area of the top bar, I’ve added a map icon and some text. I would like the icon to be in the middle (vertically) of the top bar, rather than at the bottom. I’m currently using this code in the theme options (header) but with an actual link (removed for privacy purposes):
[av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' size='17px' position='left' vertical-align=‘top’ color='#eeee22' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon]<span style=”color:yellow; font-size: 125%;”>LINK TEXT HERE</span>
June 1, 2023 at 12:21 am #1409207In reply to: pop up text on mouse over image
Hi Reto,
No, that code was already in WPCode which I mentioned in the other thread.
This is the code I moved:function temporary_removal_title_tags(){ ?> <script> window.onload = function() { var links = document.querySelectorAll('a, img, *[title]'); for (var i = 0; i < links.length; i++) { var link = links[i]; link.onmouseover = function() { this.setAttribute("data-tooltip", this.title); this.title = ""; }; link.onmouseout = function() { this.title = this.getAttribute("data-tooltip"); }; link.onmousedown = function() { this.title = this.getAttribute("data-tooltip"); }; } }; </script> <?php } add_action('wp_footer', 'temporary_removal_title_tags');As for the mobile menu items, the font size depends on what is set as the default font size of the site, if that option is untouched then default is 13px which is what is showing on your site, you can change it by adding this CSS code in Enfold > General Styling > Quick CSS:
#top #av-burger-menu-ul a .avia-menu-text { font-size: 18px; }Just adjust the value as you see fit.
Best regards,
NikkoMay 31, 2023 at 12:18 pm #1409134In reply to: pop up text on mouse over image
Hi Nikko
Thank you very much for your changes! They work as we have hoped for.
You mentioned that you moved the code to WP Code. You refer to the “Change Logo Link” snippet, correct?On the mobile burger menu the menu items are displayed very small. Do you know how their font size can be changed?
Best regards
RetoHi Lene,
You’re welcome :)
As for the font size, it just adapts to default size set in Enfold > General Styling > Typography or in Advanced Styling.
If it’s not set however it’s default is 13px which is what you have now.
Since, it affect everything when changing the value, I think the easiest way it add this in CSS code in Quick CSS:.avia-table tr th, .avia-table tr td { font-size: 16px }Best regards,
NikkoMay 30, 2023 at 7:17 pm #1409050In reply to: working solution for different logo on scroll
Your topic of that is the way i understand – different logo during scrolling – stop scrolling default logo:
the method used for your aim depends on the logos you like to use.
E.g. – Logo a and logo b are only colored differently (change of font color – change of branding color etc.). I would try to realize it by an svg logo just switching the fill colors by scroll event.
Etc.F.e. two logo variants are by same dimensions. Insert your logo as usual – and set on quick css the other logo as background-image.
on my example page these are svg files – but png or jpg is also a possibility..av-contains-svg.invisible { background-image: url(/wp-content/uploads/icon807.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; } .av-contains-svg.invisible svg { opacity: 0; transition: opacity 1s ease-in-out }the jQuery function now on child-theme functions.php:
function invisible_on_scrolling() { ?> <script type="text/javascript"> (function($){ let timeout; let $targetOnScroll = $('.av-contains-svg'); $(document).on("scroll", () => { $targetOnScroll.addClass("invisible"); clearTimeout(timeout); timeout = setTimeout(() => $targetOnScroll.removeClass('invisible'), 200); }); })(jQuery); </script> <?php } add_action('wp_footer', 'invisible_on_scrolling');see: https://webers-web.info/datenschutz/
Or: do you like to have different logo during shrink – after shrink finished – default logo
can you link to my post that you are referring to?This reply has been marked as private.May 29, 2023 at 6:41 pm #1408955Topic: Enfold Theme Options
in forum EnfoldMatsAFejne
ParticipantHello
My settings in Advace settings Enfold Them Options do not work when I edit a page
I cleared the cache but nothing happens when editing
Have chosen Arial as a font but still put it with Gorgia and sizes etc. do not match
I Hope that you can help me
MatsMay 27, 2023 at 11:29 am #1408774In reply to: Reoccuring problems with styles.css in child-theme
Hello,
yes, for example, the following CSS is placed in styles.css at the moment. It doesn’t work. When I copy it to the quick CSS-field of the theme, it works immediatley:h2.avia-caption-title {
align: center !important;
font-family: “fwbx-font-1” !important;
font-size: 60px !important;
}Best
FWMay 26, 2023 at 8:13 pm #1408726Topic: ALB textblock strips out span-tag
in forum EnfoldBeeCee
ParticipantHi,
in a page, created with ALB, I have added a textblock with this content:
<h1>This is a h1 Headline</h1> <h3 class="stripes"><span>This is a subline with stripes at the end</span></h3>After saving the textblock and saving the page, it looks correctly like this:
But when I reopen this textblock, then the <span> </span> has been stripped out – and therefor the output in frontend is wrong:
Used CSS:
.entry-content-wrapper h1 { border-left: 6px solid #d3b9b1; color: #b5b5b5; font-size: 50px; font-weight: 400; padding-left: 20px; text-transform: uppercase; letter-spacing: 1px; } h3.stripes { background: url("../images/eigene/stripes.gif") repeat-x scroll center 10px !important; padding: 1px 0 0 0px; width: 100%; text-align: left; margin-left: -10px; } h3.stripes span { background-color: #FFFFFF; color: #b5b5b5; font-size: 15px !important; letter-spacing: 2px !important; padding: 2px 10px; text-transform: uppercase; font-weight: normal; vertical-align: top; }Why is the <span> tag always stripped out when I save the textblock after editing it?
I use the newest ENFOLD, WP 6.2.2, classic editor and I have this on my sandbox site as well as my local site.
The fact, that span tags have been stripped out, is an old issue, that others had, too:
here –>
and here –>May 26, 2023 at 4:18 am #1408615In reply to: Font Fitting into Search
Hey Anna_Tewes,
Thank you for the inquiry.
Adding this css code should adjust the size of the post titles in the AJAX search container.
.av_ajax_search_title { font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 1.2em; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelMay 25, 2023 at 12:59 am #1408480Thank you for your answer,
I believe those ones are not the one implemented in my footer, since I have put the following in the footer:
[av_font_icon icon='ue8f4' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://www.facebook.com/'username'/' linktarget='_blank' animation='' id='' custom_class='' av_uid='av-dce4o' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue909' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://www.instagram.com/'username'/' linktarget='_blank' animation='' id='' custom_class='' av_uid='av-8vgx4' admin_preview_bg=''][/av_font_icon]Well of course I am not an expert at any of this but I have a feeling it is connected to something else about which I am sending a screenshot.
https://yourimageshare.com/ib/V0CGL0nt3d
Of course I am not sure the only thing I am guessing that is they are below the scroll-down-link
May 24, 2023 at 10:09 am #1408390In reply to: Text Block Editor font dropdown option
This reply has been marked as private.May 24, 2023 at 3:55 am #1408362Hi Martin,
I tried to install and activate Duplicate Page by mndpsingh287 https://wordpress.org/plugins/duplicate-page/ and it seems to work properly.
I tried to create an accordion with custom background color, font color, font sizes, also added 1/3 column with custom padding and background image as you have mentioned.
If that does not help, can you create a staging site? so we can try to inspect further.Best regards,
NikkoMay 23, 2023 at 4:38 pm #1408295In reply to: Sticky flyout button
Hi M-Graphics24,
Thanks for giving us admin access.
It seems you don’t have a child theme, so I removed the code from functions.php (since it will be overwritten when the theme is updated).
I have installed a plugin called WPCode where I inserted the code instead, I also replaced the code with:function custom_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ var button = $('<div id="sticky-button-wrap"><a href="#" class="sticky-button">Get a<strong> Quote</strong></a></div>'); $(button).prependTo('#main'); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_script');If you want to change anything or add a link to the button, you can go to the link in private content (you can also deactivate the code, if ever you decide to remove it).
Then in Quick CSS, I have removed the code since it’s inside a media query for mobile, and added this CSS code on top:#sticky-button-wrap { position: fixed; right: 0; top: 40%; z-index: 503; } #sticky-button-wrap .sticky-button { background: rgba(45,186,127,.95); display: block; width: 90px; height: auto; padding: 12px 6px; text-align: center; text-transform: uppercase; line-height: 1 !important; color: white; font-size: 15px; line-height: 1.4; border-radius: 4px 0 0 4px; letter-spacing: .05rem; transition: all .3s ease-in-out; } #sticky-button-wrap .sticky-button:hover { background: #2DBA7F; } #sticky-button-wrap .sticky-button strong { display: block; font-weight: 700 !important; }Please review your site.
Best regards,
NikkoMay 23, 2023 at 2:52 pm #1408256In reply to: Use Copyright Info as Image Caption
Hi Manfred,
You can change the caption size by adding this CSS code in Enfold Theme Options > General Styling > Quick CSS:
#top .avia-image-container .avia-copyright { font-size: 15px; }Best regards,
NikkoMay 23, 2023 at 12:48 pm #1408247Topic: Use Copyright Info as Image Caption
in forum Enfoldisarkai
ParticipantDear Kriesi-Team,
I don’t like the image caption overlay, i prefer the caption below the image. That works pretty well misusing the copyright info. But may be that causes some SEO struggle or other problems. Therefore my question:
1. if there are no problems, how can i change the caption (copyright) fontsize to 15 or 16 px?
2. if you don’t recommend this workaround, is there a easy way to solve the problem or is it more practicable to add a additional text field?best regards
ManfredMay 22, 2023 at 6:05 pm #1408171In reply to: Fullwidth Easy Slider Titel Position // Button Hover
Hi,
Thanks for the feedback, I was not able to login, but your font-color: #65877f; is not correct you should use color: #65877f; and your min-hight: 180px; is misspelled try: min-height: 180px;
If you want the text in the button centered try using this css instead of yours:#top #wrap_all .main_color .avia-color-theme-color.avia-slideshow-button { background: rgba(255,210,62,.75); color: #65877f; padding: 20px; min-width: 300px; min-height: 180px; border-radius: 15px; font-size: 20px; line-height: 20px; align-content: center; display: flex; flex-wrap: wrap; justify-content: center; }After applying the css, please clear your browser cache and check.
Best regards,
MikeMay 22, 2023 at 8:56 am #1408112Topic: Text Block Editor font dropdown option
in forum Enfoldtyronere
ParticipantHello
On my one site, I have font and size dropdowns in the text block editor but not on another site. How do I activate it so I can select the fonts easily?
Thanks
-
This reply was modified 2 years, 8 months ago by
-
AuthorSearch Results
-
Search Results
-
Topic: Enfold Theme Options
Hello
My settings in Advace settings Enfold Them Options do not work when I edit a page
I cleared the cache but nothing happens when editing
Have chosen Arial as a font but still put it with Gorgia and sizes etc. do not match
I Hope that you can help me
MatsHi,
in a page, created with ALB, I have added a textblock with this content:
<h1>This is a h1 Headline</h1> <h3 class="stripes"><span>This is a subline with stripes at the end</span></h3>After saving the textblock and saving the page, it looks correctly like this:
But when I reopen this textblock, then the <span> </span> has been stripped out – and therefor the output in frontend is wrong:
Used CSS:
.entry-content-wrapper h1 { border-left: 6px solid #d3b9b1; color: #b5b5b5; font-size: 50px; font-weight: 400; padding-left: 20px; text-transform: uppercase; letter-spacing: 1px; } h3.stripes { background: url("../images/eigene/stripes.gif") repeat-x scroll center 10px !important; padding: 1px 0 0 0px; width: 100%; text-align: left; margin-left: -10px; } h3.stripes span { background-color: #FFFFFF; color: #b5b5b5; font-size: 15px !important; letter-spacing: 2px !important; padding: 2px 10px; text-transform: uppercase; font-weight: normal; vertical-align: top; }Why is the <span> tag always stripped out when I save the textblock after editing it?
I use the newest ENFOLD, WP 6.2.2, classic editor and I have this on my sandbox site as well as my local site.
The fact, that span tags have been stripped out, is an old issue, that others had, too:
here –>
and here –>Dear Kriesi-Team,
I don’t like the image caption overlay, i prefer the caption below the image. That works pretty well misusing the copyright info. But may be that causes some SEO struggle or other problems. Therefore my question:
1. if there are no problems, how can i change the caption (copyright) fontsize to 15 or 16 px?
2. if you don’t recommend this workaround, is there a easy way to solve the problem or is it more practicable to add a additional text field?best regards
ManfredHello
On my one site, I have font and size dropdowns in the text block editor but not on another site. How do I activate it so I can select the fonts easily?
Thanks


