Hi my pals, me again, this time i have one issue with this perfect theme,
i have this code:
.cpm .half-modal .modal-container {
margin-top: 125px !important;
}
.title_container {
z-index: 1;
}
.cpm-col-2.cpm-last-col.cpm-right.comment-count {
background-color: transparent;
width: 17%;
}
.fc-event-container {
position: initial !important;
z-index: 8;
top: 0;
left: 0;
}
@media only screen and (max-width: 1270px) and (min-width: 768px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block;
}
}
@media only screen and (min-width: 1270px) and (max-width: 1930px) {
.av-main-nav > li > a {
padding: 0 7px;
font-size: 12px;
}
}
.mec-event-sharing-wrap {
left: 15px;
position: relative;
}
.mec-event-sharing-wrap li i {
padding-top: 13px;
}
i need solve urgent, pls review this video for clarifications:
https://goo.gl/MCTG7y
Your demo credentials is:
kriesi
kriesi
This video show how login into webapp:
https://goo.gl/zkAbnu
New task with 4 comments in your theme hide comment button
Stay alert
Hi Victoria,
That’s exactly what i’m looking for! But if you look at the sourcecode at http://www.real2drive.nl you see my child’s style.css isn’t loading at all.
Please help me out because i’m running out of time….
I highly appreciate the effort, I paste my style.css and functions.php under this line. Thanks for your input!
style.css
/*
Theme Name: Enfold Child
Theme URI: https://cmsweb.online
Description: Child theme customized for real2drive
Author: cmsweb.online
Author URI: https://author.cmsweb.online
Template: enfold
Version: 1.0
Text Domain: enfold
*/
h1 {
color: white;
}
#footer {
padding: 15px 0 30px 0;
z-index: 1;
background: #0095DB;
}
#socket {
font-size: 11px;
margin-top: -1px;
z-index: 1;
background-color: #0095db;
}
#producten {
background-repeat: no-repeat;
background-image: url(//www.real2drive.nl/wp-content/uploads/20180514_140450.jpg);
background-attachment: fixed;
background-position: top right;
}
functions.php
<?php
/** 1. Load the parent enfold\style.css file */
/** 2. Note: a custom.css file is located in enfold\css\ */
/** 3. Is this both setup correctly in functions.php ? */
function total_child_enqueue_parent_theme_style() {
// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
$theme = wp_get_theme( ‘enfold’ );
$version = $theme->get( ‘Version’ );
// Load the stylesheet
wp_enqueue_style( ‘enfold-style’, get_template_directory_uri().’/style.css’, array(), $version );
}
add_action( ‘wp_enqueue_scripts’, ‘enfold_child_enqueue_parent_theme_style’ );
Hi,
I just found out that in advanced settings of Theme settings I have not changed the body font to my local font, so it’s working now. But I just saw that the font Lato regular and lighter are displaying same way, even though I imported them via custom font manager. But I need to have the lighter one. Can you help?
Also, how can I make the p style <p style=”font-size: 26px; font-family: ‘Chelsea Market’;”>example text</p> and my blockquote styling CSS blockquote { font-family: Chelsea Market;} load my local font? Currently it is still loading from Google server https://fonts.gstatic.com.
Furthermore I am using the following code for enabling the header scroll effect on mobile devices that I got from your support forum and for loading font awesome for my recipes. This is loading 2 icons (print and check mark) from maxcdn.bootstrapd. Can you help and tell how to load these both icons from Enfold or rather from my local server to reach GDPR compliance:
function enfold_child_custom_script() {
wp_enqueue_style( 'font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), 1.0);
wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/main.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'enfold_child_custom_script', 100 );
Really hope you can help. Thank you so much for your kind efforts in advance.
Best regards,
Sophie
Hello,
Would you like the text small, or leave as is?
I´ve to think over that… I can change the font-size everytime in the css code snippet you wrote, thank you.
I’m going to ask for some help with the copyright links in the “Post Nav”
I hope for the “Similar Posts” too?
And thanks for your efforts!
Sincerely,
Bernd
Hi,
For the ones that are “two liners” listed above, this is because the total text is too long for the space, and because HTML won’t brake a link it brakes at the space before the link. To demonstrate I made the text very small with this code: “font-size: 9px;” and there was no second line:

Would you like the text small, or leave as is?
I’m going to ask for some help with the copyright links in the “Post Nav”
thanks for your patience.
Best regards,
Mike
Hi,
I made a copy of your button in a code block under your current button so it would have the URL “#test-popup” and the class “open-popup-link”:
<div class="avia-button-wrap avia-button-center avia-builder-el-9 el_after_av_heading avia-builder-el-last "><a href="#test-popup" class="open-popup-link avia-button av-icon-on-hover avia-icon_select-yes-right-icon avia-color-custom avia-size-large avia-position-center " style="background-color:#ffffff; border-color:#ffffff; color:#000000; "><span class="avia_iconbox_title">GET A FREE CASE EVALUATION</span><span class="avia_button_icon avia_button_icon_right" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></a></div>
Then I added your popup in a code block at the bottom of the page, you will need to add some content:
<div id="test-popup" class="white-popup mfp-hide">
<div>Your message goes here</div>
</div>
Then I added this css in your child theme stylesheet:
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
Then I added this function to your child theme functions.php:
function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
jQuery('.open-popup-link').magnificPopup({
type:'inline',
midClick: true
});
});
</script>
<?php }
add_action('wp_head', 'popup_inline');
Then I cleared your site cache, please take a look and add your content to the popup.
Best regards,
Mike
Hi,
I’m guessing you want to control the size of your markup? If so then try to add a class to it:
<h1 class="my-class">Content</h1>
Then you can add this to your Quick CSS:
h1.my-class {
font-size:30px;
}
Best regards,
Rikard
Hey jbc2018,
Thank you for reaching out to us. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Product title */
#top h2.woocommerce-loop-product__title {
font-size: 1em;
}
/* End CSS */
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

If you still have any issue please provide a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay
Good afternoon!
I want to reduce the size of the titles of the products shown in my eshop project
See a screen print in http://cromlab.info/wp-content/uploads/2018/06/Pantalla.png.
I added the following code in Quick CSS and in Additional CSS under Enfold Theme with no success!
h2.woocommerce-loop-category_title {
font-size: 10px !important;
}
Can you help me?
I’m a beguinner so your help willbe very appreciated!!!
Hey Mike,
I’ve been using the stretched layout for years. Also noticed this code as well which wasn’t there before.

https://www.dropbox.com/s/ya9jkxmmu4sky7o/Screenshot%202018-06-02%2015.45.54.png
#top .fullsize .template-blog .post .entry-content-wrapper {
text-align: justify;
font-size: 1.15em;
line-height: 1.7em;
max-width: 800px;
margin: 0 auto;
overflow: visible;
I tried using your code but it doesn’t work yet, will try more.
-
This reply was modified 7 years, 10 months ago by
DrHariri.
Hey jonrouse,
Please try this instead:
#nav_menu-2 li a {
font-size: 15px !important;
}
Best regards,
Rikard
Hey kilimats,
Thank you for reaching us out.
Did you try changing the font size from the element “Screen option”?

If that don’t work for you Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Full Screen Slider caption */
@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #top .slideshow_caption h2 {
font-size: 20px !important;
}}
/* End CSS */
Best regards,
Vinay
Hi,
Try knocking the font down slightly on mobile. Try this
@media only screen and (max-width: 767px) {
.woocommerce-Price-amount.amount{
font-size:12px!important;
}}
Best regards,
Jordan Shannon
This reply has been marked as private.
Hi,
It’s proving to be a little more difficult to change the tag itself, but if the goal is to change the font size of the widget title, please try this code in the WordPress > Customize > Additional CSS:
h3.widgettitle {
font-size: 10px !important;
}
adjust the font size to suit.
Best regards,
Mike
Hi,
I’ve looked on the forums for an answer, but nothing I found is working for me.
Are you able to check out the page and let me know what I’m doing wrong, I was trying
#top .widget_nav_menu li { font-size: 15px !important; }
Thanks!
Hi,
1. I am trying to delete the space between the full-width easy slider and the color section – on mobile view.
Attached you will see my problem. As soon as I change to mobile size I have this big space.
2.a For no reason my footer changed. “Terms” should be aligned with the other Links. How can I get there again?
2.b. footer on mobile view: ow can I make the font size smaller – so everything is aligned?
Thanx for the fast respond.
Derya

If you open the private link below, and reduce the browser dimension to mobile size, the fullscreen slider font become really small
I found in a different thread that using this could help
.avia-caption-title { text-transform: none !important; }
@media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption .avia-caption-content {
font-size: 50px!important;
}
But it only made the text bigger, not the font
How can i scale the font properly for mobile? why is special coding required for it? cannot be done by default?
Hi,
I achieved a similar look with opensans with zip file from google, but I had to delete all different fontsizes besides “regular” and “semi-bold” in the zip file before uploading it with the custom font manager.
Afterwards you can choose the font “Open Sans 400 600”.
Like this it looked exactly similar as with former open sans google fonts setting.
Hope this helps
br
Hi 2eminds,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #fullscreen_slider_1 .avia-slideshow-button {
padding: 15px 30px 13px;
font-size: 20px;
min-width: 220px;
border-radius: 3px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi.
I would like to use two different font sizes in the accordion tabs. I am listing people’s names and then after each name it says “Read Bio”.
I would like the “Read Bio” type to be slightly smaller than the default accordion font size. Please advise. Thank you!
Kristin
Hi,
Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 767px) {
#top.home #full_slider_2 .avia-caption-content p {
font-size: 80% !important;
line-height: 12px !important;
padding: 0 5px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#top.home #full_slider_2 .avia-caption-content p {
font-size: 80% !important;
line-height: 16px !important;
padding: 5px 5px !important;
}
#top.home #full_slider_2 .slideshow_caption {
padding: 40px 5px !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1064px) {
#top.home #full_slider_2 .avia-caption-content p {
padding: 5px 5px !important;
}
#top.home #full_slider_2 .slideshow_caption {
padding: 40px 5px !important;
}
}
This is meant for the single testimony slider on the home page, if this element is also on another page please let up know so we can adjust the code.
Best regards,
Mike
Hey YTM_Filip,
Are you referring to a text widget in the footer or a different widget? Would changing the tag font size via css be ok, or do you really need the actual H tag to be changed?
Best regards,
Mike
Hi there, thanks again for getting back to me.
I’ve sent the login details and the FTP details.
I think most of it is sorted now!
I was given this code by your good-selves a couple of years ago but I’m thinking it may be redundant now.
Can you tell me if I still need it?
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}
}
#footer, #footer p, #footer a { font-size: 12px !important; }
#top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items {
min-height: 80px;
}
span.wpcf7-list-item {display: block;}
@media only screen and (max-width: 767px) {
.flex_column { width: 100% !important; margin-left: 0; }}
Hi,
@Cevik_Kuersad:
1.) The header is transparent. Is this fixed?
2.) Add this css code in the Quick CSS field and toggle the css and js compression in the Performance panel.
.html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
font-size: 1em;
text-align: left;
letter-spacing: 1px;
}
Adjust the font size value as needed.
@biko-la16: Try to toggle any of the theme options and then save it. That should regenerate the scripts and stylesheets.
Best regards,
Ismael
Hi,
Try adding “!important” to your declaration.
#header .sub-menu .avia-bullet {font-size: 200%!important;}
Or also try adjusting in pixels instead of percentages.
Best regards,
Jordan Shannon
Hi Stefan,
Thanks for contacting us!
Please go to Enfold theme options > Advanced Styling and edit “H1” tagged elements and change their font size as needed.
If you have any other questions or issues, please register to our support forum – https://kriesi.at/support/register/ and start a new thread under Enfold sub forum :)
Best regards,
Yigit
The article’s headline font size is smaller now. Thank you for that.
But the other changes coming with 4.4 update still remain:
>I see many more lines of the article and the preview was well “designed” before. Now it looks not well designed.
>If I look in the article I see that the picture became smaller and the headline is to large. “h1” I suppose as well.
Will that be fixed in the next enfold release?
thank you and best regards, Udo
Hi,
Use the text block element and insert the icon from there. Example.
[av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-zbmny' custom_class='' admin_preview_bg=''][/av_font_icon]
<p class="alignleft">This is a paragraph.</p>
[av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-sw7na' custom_class='' admin_preview_bg=''][/av_font_icon]
<p class="alignleft">This is a paragraph.</p>
[av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-lveke' custom_class='' admin_preview_bg=''][/av_font_icon]
<p class="alignleft">This is a paragraph.</p>
[av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-hnmty' custom_class='' admin_preview_bg=''][/av_font_icon]
<p class="alignleft">This is a paragraph.</p>
[av_font_icon icon='ue804' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' av_uid='av-a6kvi' custom_class='' admin_preview_bg=''][/av_font_icon]
<p class="alignleft">This is a paragraph.</p>
Best regards,
Ismael
Seems like the logo is good now, but the proportions on the hamburger menu seem to be off. Also none of the other elements are responsive on my iphone, such as the social media icons in the footer and the text and images on the kontakt page. Is it not possible to change the width at which the responsive layout shows up? When I change the settings of the font-sizes in the enfold theme, it looks good on my phone, but when I scale it down on my desktop it’s way to big..