-
AuthorSearch Results
-
September 14, 2021 at 8:25 am #1320855
In reply to: Text position in easy slider
Sorry but don’t have this option.
Ni en la edición de easy slider ni en la edición de la imagen.
Al editar el elemento del formulario, en “styling” solo tengo la opción de
– Tamaño de fuente para el titulo del epígrafe.
– Caption Content Font Size
Tampoco aparece en ninguna otras pestaña.Versión 4.8.6.2 del template
WP actualizadoSeptember 13, 2021 at 2:14 pm #1320724In reply to: Responsive Burger Menu settings
Hi Sabine,
Please remove !important from your code, as following:
#av-burger-menu-ul li a span { font-size: 24px; }Then add following code to bottom of Quick CSS field
#av-burger-menu-ul .sub-menu li span { font-size: 16px; }Best regards,
YigitSeptember 13, 2021 at 9:55 am #1320680In reply to: Responsive Burger Menu settings
Hi,
Thanks for the clarification, please try this CSS:
#av-burger-menu-ul .sub-menu .sub-menu li a { font-size: 16px; }You will likely have to remove the !important part of the CSS you posted in your first post.
Best regards,
RikardSeptember 13, 2021 at 7:16 am #1320634Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.blog h3.slide-entry-title { font-size: 26px !important; } .single-post h1.post-title { font-size: 30px !important; }Best regards,
RikardSeptember 12, 2021 at 10:33 pm #1320597In reply to: Grid row: same height for cells
Hey emilconsor,
Thank you for your patience and for the link to your test site, Try adding this code to the end of your functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($) { $(function() { var tall = $('.custom-grid.career-grid').height(); var half = $('.career-flex.left').height() / 2; $('.career-flex.right .flex_column_div').css('height',half); $('.career-flex.left .avia_image').css('height',tall); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');and then add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
@media only screen and (min-width: 1024px) and (max-width: 1440px) { .career-flex.right p { font-size: 0.9em; line-height: 1.3em; } #top .career-flex.right .av-special-heading { margin: 0; padding-bottom: 10px; font-size: 20px; } #top .career-flex.right .flex_column_div:nth-child(2) { padding: 10px; } } @media only screen and (min-width: 1441px) and (max-width: 1824px) { .career-flex.right p { font-size: 0.9em; line-height: 1.3em; } } .custom-grid.career-grid .flex_cell, .custom-grid.career-grid .flex_column_div { overflow: hidden; } .career-flex.left .avia_image, .career-flex.right .avia_image, .career-flex.right .avia-image-container-inner { width: 100%; }A screenshot of the expected results are below.
I tried a few different ways to work this and feel that as the page is the best solution is to use this script and css, because it also works for very large screens 2560px, but you will note that the css only goes down to 1024px, that is because you have changed the display to flex and for mobile and tablet the layout doesn’t adjust, so you will need to write some more css for moble or switch back to display block, I’m not sure what your intentions are for that as your lower elements are also using flex.
I see with your Grid Row element that you have placed an image element inside a column element inside the grid row cell and changed the display to flex, for the left side 2/3 cell you could just use the image as a background and it would fill the cell as you wish. For the right side you would not need to place the top image in a column, but only use a text element inside a column for the bottom text section. I created an example for you linked below with this added css:#av-layout-grid-1 { padding: 40px; } .flex_cell.av_one_third { padding: 0 30px; } .avia-image-container.avia-align-center { margin-bottom: 30px; }This is just a suggestion.
Best regards,
MikeSeptember 12, 2021 at 10:33 pm #1320596In reply to: Grid row: same height for cells
Hey emilconsor,
Thank you for your patience and for the link to your test site, Try adding this code to the end of your functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($) { $(function() { var tall = $('.custom-grid.career-grid').height(); var half = $('.career-flex.left').height() / 2; $('.career-flex.right .flex_column_div').css('height',half); $('.career-flex.left .avia_image').css('height',tall); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');and then add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
@media only screen and (min-width: 1024px) and (max-width: 1440px) { .career-flex.right p { font-size: 0.9em; line-height: 1.3em; } #top .career-flex.right .av-special-heading { margin: 0; padding-bottom: 10px; font-size: 20px; } #top .career-flex.right .flex_column_div:nth-child(2) { padding: 10px; } } @media only screen and (min-width: 1441px) and (max-width: 1824px) { .career-flex.right p { font-size: 0.9em; line-height: 1.3em; } } .custom-grid.career-grid .flex_cell, .custom-grid.career-grid .flex_column_div { overflow: hidden; } .career-flex.left .avia_image, .career-flex.right .avia_image, .career-flex.right .avia-image-container-inner { width: 100%; }A screenshot of the expected results are below.
I tried a few different ways to work this and feel that as the page is the best solution is to use this script and css, because it also works for very large screens 2560px, but you will note that the css only goes down to 1024px, that is because you have changed the display to flex and for mobile and tablet the layout doesn’t adjust, so you will need to write some more css for moble or switch back to display block, I’m not sure what your intentions are for that as your lower elements are also using flex.
I see with your Grid Row element that you have placed an image element inside a column element inside the grid row cell and changed the display to flex, for the left side 2/3 cell you could just use the image as a background and it would fill the cell as you wish. For the right side you would not need to place the top image in a column, but only use a text element inside a column for the bottom text section. I created an example for you linked below with this added css:#av-layout-grid-1 { padding: 40px; } .flex_cell.av_one_third { padding: 0 30px; } .avia-image-container.avia-align-center { margin-bottom: 30px; }This is just a suggestion.
Best regards,
MikeSeptember 12, 2021 at 11:38 am #1320575In reply to: Responsive Burger Menu settings
Hi Rikard,
I need another font-size for the second level links in the burger menu.
Best regards,
SabineSeptember 11, 2021 at 11:45 pm #1320541In reply to: Text Under The Logo
Hey nickthe,
Thank you for your patience and for the screenshots, but I don’t think that you gave us access to the correct site as I don’t see the filter above in your functions.php and the logo doesn’t match the screenshots, please check.
To answer your request, try adding this code to your functions.php instead:add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { if( is_front_page() ){ $sub .= "<h1 class='logo-title logo-subtitle'>"; $sub .= "Company Name"; $sub .= "</h1>"; }else{ $sub .= "<span class='logo-title logo-subtitle'>"; $sub .= "Company Name"; $sub .= "</span>"; } return $sub; }and add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
#top .logo, #top .logo a { overflow: visible; } #top .logo-subtitle { color: #aaa !important; font-size: 18px !important; top: 30px !important; position: absolute; white-space: nowrap; } #top h1.logo-subtitle { line-height: 90px; margin-bottom: 0; }then clear your browser cache and check.
Best regards,
MikeSeptember 11, 2021 at 1:52 am #1320472Hi,
Thank you for the update.
We could try a more specific selector. Please try to replace the code with the following.
div .togglecontainer.accordion-font-size p.toggler { font-size: 30px; }You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code.
Best regards,
IsmaelSeptember 10, 2021 at 9:50 pm #1320464Hi Rikard
Thank you for your reply and assistance.
Although the code you suggested makes perfect sense to me, when I tried adding it in the: Enfold theme Options > General Styling > Quick CSS, It does not change the size of the font.
I have tested this on Safari and Chrome browsers, emptied the cache etc but the font size remains unchanged.
Would you have any other ideas that I can try?
Thanks again and kind regardsMatt
September 10, 2021 at 5:31 pm #1320435In reply to: Responsive Burger Menu settings
Hi Yigit,
it doesn’t work the way I thought it would. Maybe I expressed myself wrongly. I meant the font size of the sublevels-links in the burger menu.
I hop you understand me better.
Thank you.
Cheers, SabineSeptember 10, 2021 at 3:55 pm #1320426In reply to: Responsive Burger Menu settings
Hi Sabine,
Please go to Enfold theme options > Advanced Styling and edit “Menu Links in overlay/slide out” and adjust font sizes :)
Cheers!
YigitSeptember 10, 2021 at 3:53 pm #1320424In reply to: responsive table settings
Hey Sabine,
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
.responsive .avia_responsive_table .avia-data-table td::before { font-style: normal; font-weight: bold; font-size: 16px; }Regards,
Yigit-
This reply was modified 4 years, 6 months ago by
Yigit.
September 10, 2021 at 1:48 pm #1320398Hey zoltom,
Thank you for your patience and for your explanation. Try adding the filter button by adding this code to the end of your functions.php file in Appearance ▸ Editor:add_action('woocommerce_before_shop_loop', 'filter_button_before_shop_loop'); function filter_button_before_shop_loop() { if(is_shop()) { echo do_shortcode("[av_button label='FILTERS' icon_select='no' icon='ue800' font='entypo-fontello' link='manually,http://' link_target='' size='small' position='left' label_display='' title_attr='' color_options='color_options_advanced' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='custom' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#0a0a0a' btn_color_bg_hover='custom' btn_custom_bg_hover='#444444' btn_color_font='white' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='shopknop' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg='']"); } }You can replace the button shortcode with yours from the screenshot, or try this as-is to test.
Best regards,
MikeSeptember 10, 2021 at 12:47 pm #1320395Topic: Responsive Burger Menu settings
in forum EnfoldTakiwaSoulArt
ParticipantHi,
for the website in the private content, I used the following code to change the font-size of the burger menu in the responsive design:
#av-burger-menu-ul li a span {
font-size: 24px !important;
}Now I need a code to change the font size of the submenu links.
Thanks for helping me and kind regards,
SabineSeptember 10, 2021 at 6:41 am #1320334In reply to: Blog Posts and Header Problem from 4.8.4 onwards
Hi,
In the phone info field, the span tag has been replaced with div, so this css rule no longer applies.
.phone-info span { display: inline-block; line-height: 1em; width: 100%; text-align: center !important; margin-top: 9px; }This is the original markup in the phone field.
<span> <div style="display:flex;"> <div style="width:80%;height:40px;border-right:2px solid white;margin-top:-15px;background:#e8e8e8;margin-left:-6px; color:#777"></div> <div style="width:20%;min-width:200px;height:40px;background:#d80019;text-align:center;color:white;margin-top:-15px;padding-top:14px;margin-right:-80px;"> <a style="color:white;text-decoration:none;font-size:14px;font-family:inherit;" href="https://www.shop.aktiv-apotheken.de/" target="_blank">zum Apotheken-Shop</a> <span class="avia_button_icon avia_button_icon_right" style="display:inline; margin-left:0.5em;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"> </span></div> </div> </span>And in the staging site.
<div> <div style="display:flex;"> <div style="width:80%;height:40px;border-right:2px solid white;margin-top:-15px;background:#e8e8e8;margin-left:-6px; color:#777"></div> <div style="width:20%;min-width:200px;height:40px;background:#d80019;text-align:center;color:white;margin-top:-15px;padding-top:14px;margin-right:-80px;"> <a style="color:white;text-decoration:none;font-size:14px;font-family:inherit;" href="https://www.shop.aktiv-apotheken.de/" target="_blank">zum Apotheken-Shop</a> <span class="avia_button_icon avia_button_icon_right" style="display:inline; margin-left:0.5em;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"> </span></div> </div> </div>Best regards,
IsmaelSeptember 10, 2021 at 5:06 am #1320320Hi Sirpa,
You can use this shortcode for the page you linked to:
[av_section min_height='100' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' scroll_down='aviaTBscroll_down' id='sign-up' color='main_color' custom_bg='' src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/park-place.png' attachment='133' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.7' overlay_color='#6a9fd5' overlay_pattern='' overlay_custom_pattern='' av_uid='av-18ti74'] [av_three_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-bottom' space='no_margin' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' av_uid='av-4fo8g'] [av_image src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/snacks1_blur.png' attachment='164' attachment_size='full' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' av_uid='av-17jhsk'][/av_image] [/av_three_fifth][av_two_fifth min_height='av-equal-height-column' vertical_alignment='av-align-bottom' space='' margin='0px' margin_sync='true' padding='20px' padding_sync='true' border='' border_color='' radius='3px' radius_sync='true' background_color='rgba(0,0,0,0.4)' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' av_uid='av-173dgw'] [av_image src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/logo_landing-page1.png' attachment='31' attachment_size='full' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='top-to-bottom' av_uid='av-16ishw'][/av_image] [av_heading tag='h2' padding='0' heading='By far the easiest and best way to <strong>launch a product or service</strong>' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='28' subheading_active='' subheading_size='15' custom_class='' av_uid='av-15ygv0'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-156oxs'] [av_contact email='' title='' button='Sign up' on_send='' sent='Thanks for registering! Your Beta invitation will be sent to the email address you provided.' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-light-form' av_uid='av-14umlo'] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_two_third' multi_select='' av_uid='av-148zl8'][/av_contact_field] [/av_contact] [/av_two_fifth] [/av_section] [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='features' av_uid='av-13d01o'] [av_cell_two_fifth vertical_align='middle' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-12w2k0'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-dtdw'] [av_icon_box position='right_content' boxed='av-no-box' icon='ue806' font='entypo-fontello' title='Great Taste' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-11rnjg'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-114tpc'] [av_icon_box position='right_content' boxed='av-no-box' icon='ue891' font='entypo-fontello' title='Easy Recycling' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-10hsgk'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-zv5vk'] [av_icon_box position='right_content' boxed='av-no-box' icon='ue8cf' font='entypo-fontello' title='Easy Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-zkr6o'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justordiet a, venenatis vitae, justo. [/av_icon_box] [/av_one_full][/av_cell_two_fifth][av_cell_one_fifth vertical_align='bottom' padding='40px,0px,0px,0px' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-z4bfw'] [av_image src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/snacks_single_blue.png' attachment='159' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='pop-up' av_uid='av-y947s'][/av_image] [/av_cell_one_fifth][av_cell_two_fifth vertical_align='middle' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-xucqg'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-x1d50'] [av_icon_box position='left_content' boxed='av-no-box' icon='ue8d3' font='entypo-fontello' title='Multiple Flavors' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-389ys'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-w02us'] [av_icon_box position='left_content' boxed='av-no-box' icon='ue8cd' font='entypo-fontello' title='Mostly Water' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-vfo20'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-33ew0'] [av_icon_box position='left_content' boxed='av-no-box' icon='ue80a' font='entypo-fontello' title='Helps your body' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-u7pyg'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justordiet a, venenatis vitae, justo. [/av_icon_box] [/av_one_full][/av_cell_two_fifth] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='customers' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='center right' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-tla8o'] [av_heading tag='h2' padding='0' heading='What our customers say' color='' style='blockquote modern-quote modern-centered' custom_font='' size='35' subheading_active='' subheading_size='15' custom_class='' av_uid='av-t0buc'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-sfwqg'] [av_testimonials style='slider_large' columns='2' interval='10' font_color='' custom_title='' custom_content='' av_uid='av-rsfr0'] [av_testimonial_single src='168' name='Maci Mulsta' subtitle='CEO' link='#' linktext='Supra Media' av_uid='av-r15yk'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_testimonial_single] [av_testimonial_single src='169' name='Sandra Funk' subtitle='Designer' link='#' linktext='Acomp' av_uid='av-qfnnk'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/av_testimonial_single] [/av_testimonials] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='pricing' color='main_color' custom_bg='' src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/park-place.png' attachment='133' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.5' overlay_color='#576270' overlay_pattern='' overlay_custom_pattern='' av_uid='av-q65iw'] [av_heading tag='h2' padding='0' heading='Fair pricing. No hidden costs. Cancel anytime' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='35' subheading_active='' subheading_size='15' custom_class='' av_uid='av-pcuw8'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-oympc'] [av_one_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-obrv4'] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' av_uid='av-2cpjo'] [av_table purpose='pricing' pricing_table_design='avia_pricing_minimal' pricing_hidden_cells='' caption='' responsive_styling='avia_responsive_table' av_uid='av-mouvk'] [av_row row_style='avia-heading-row' av_uid='av-m5ru8'][av_cell col_style='' av_uid='av-loqho']Basic Package[/av_cell][av_cell col_style='' av_uid='av-l0c68']Full Package[/av_cell][/av_row] [av_row row_style='avia-pricing-row' av_uid='av-kkevc'][av_cell col_style='' av_uid='av-jqg38']12$<small>per month</small>[/av_cell][av_cell col_style='' av_uid='av-j6cv4']24$<small>per month</small>[/av_cell][/av_row] [av_row row_style='' av_uid='av-iz3oc'][av_cell col_style='' av_uid='av-ibojk']1 shipment each week[/av_cell][av_cell col_style='' av_uid='av-hgbzs']2 shipments each week[/av_cell][/av_row] [av_row row_style='' av_uid='av-h6ogo'][av_cell col_style='' av_uid='av-gahwc']1 drink included[/av_cell][av_cell col_style='' av_uid='av-fw1ao']5 drinks included[/av_cell][/av_row] [av_row row_style='' av_uid='av-f6qc8'][av_cell col_style='' av_uid='av-eksak']no support[/av_cell][av_cell col_style='' av_uid='av-e2b8w']free support[/av_cell][/av_row] [av_row row_style='avia-button-row' av_uid='av-dmi9k'][av_cell col_style='' av_uid='av-1at48'][av_button label='Subscribe now' link='manually,#sign-up' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-c7jrw'] [/av_cell][av_cell col_style='' av_uid='av-bo6h4'][av_button label='Subscribe now' link='manually,#sign-up' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-ashw0'] [/av_cell][/av_row] [/av_table] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-aifuo'] [/av_one_fifth] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='faq' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-a0pi4'] [av_heading tag='h2' padding='0' heading='Frequently asked questions' color='' style='blockquote modern-quote modern-centered' custom_font='' size='35' subheading_active='' subheading_size='15' custom_class='' av_uid='av-93ogk'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-uiuo'] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-7y28g'] [av_heading tag='h3' padding='10' heading='How does the beta trial work?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-7pdck'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-6r5mw'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis <a href="#">dis parturient</a> montes, nascetur ridiculus mus. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-63yu4'] [av_heading tag='h3' padding='10' heading='Can I change plans later?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-5in0g'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-4z0as'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis <strong>pretium</strong>. Integer tincidunt. [/av_textblock] [/av_one_half][av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-4rfro'] [av_heading tag='h3' padding='10' heading='How do you handle delivery?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-40ln4'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-39ptg'] Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. <strong>Aliquam lorem</strong> ante, dapibus in, viverra quis, feugiat a, tellus. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-2hpn0'] [av_heading tag='h3' padding='10' heading='Which payment options do I have?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-87zw'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-1lf50'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/av_textblock] [/av_one_half][/av_section][av_button_big label='Sign Up Now' description_pos='below' link='manually,#sign-up' link_target='' icon_select='yes-left-icon' icon_hover='aviaTBicon_hover' icon='ue805' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#576270' color_hover='custom' custom_bg_hover='#f4ca86' av_uid='av-sri4'] And get access to our early beta! [/av_button_big]The element in your screenshot is a custom element created by us, there are no shortcodes for that element unfortunately.
Best regards,
RikardSeptember 10, 2021 at 4:37 am #1320311Hi Matt,
The class is added to the parent element, but you are looking to target a paragraph within the parent element. You would have to target it this way instead:
.accordion-font-size .toggler { font-size: 26px; }Please try that out.
Best regards,
RikardSeptember 9, 2021 at 7:31 pm #1320302Alexander
ParticipantHi,
I am trying to target the blogpost-titles :
> on single posts and
> on blog-overview-page.I want to make them smaller without affecting the other h1 h2 h3 titles on my site
can you help out?
Thanks
AlexanderSeptember 9, 2021 at 11:07 am #1320238Topic: uppercase : category meta
in forum Enfoldlauterkeit
ParticipantGood day,
1. where can I change the font of metatags from uppercase to normal standard. Also the font size and colour.
2. how do I remove the icon / timeline?
Thanks for help.
BonnieSeptember 9, 2021 at 8:29 am #1320225In reply to: Blog Title Size – HUGE! H1?
Try in your quick css:
.html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title { font-size: 1.4em }but be carefull – this is only for your current blog style ( modern blog ) on the image above it is a different one.
September 9, 2021 at 7:18 am #1320217Topic: Blog Title Size – HUGE! H1?
in forum EnfoldBrendaSarg
ParticipantFor the life of me I can’t get the blog titles to change font size – they are using H1 and are HUGE?!
Can you help me out?
September 8, 2021 at 12:04 pm #1320100Thanks for your help Ismael.
Using your guidance which makes perfect sense, however I have tried this but I think that I might be missing something or doing something wrong as it does not work.
Currently the font size in the Accordion text is 17px and I would like to increase that to 26pxFollowing the instructions you suggested on: https://kriesi.at/documentation/enfold/add-custom-css
Within the Accordion element on the page, I have opened the element Advanced > Developer options and have added my Custom CSS Class name as: ‘accordion-font-size’
Next, within the Enfold theme Options > General Styling > Quick CSS, I have added the following line
.accordion-font-size { font-size: 26px; }Is there something else that I need to add or change to get this CSS code to work?
Any further assistance that you can give me would be greatly appreciated.Best regards
MattSeptember 7, 2021 at 5:15 pm #1320000Hi Thilo,
How long ago did you make your last round of changes.
Web vitals scores update every 28 days. So you probably need to leave things in their most optimised state for a while and see if you get a pass.I just ran your site in chrome dev tools which is more consistent and saw a score of 97/100 for your site.
Do you use the built in Google fonts?
You could always download them and load them locally. You can then add pre-load rather than relying on Googles Font servers.
You could also try reducing the size of your background image it is over 4000px wide!
You could also try making your first element smaller.
I have a simillar issue on https://www.hemppureoils.co.uk. The design calls for a tall element above the fold. Meaning the LCP score is a little high.
This site has a slightly different setup which has lowered some of the other metrics in the process. Its a balancing act!Difficult for me to comment further without knowing the state of the site without your optimisation plugins enabled.
Autoptimize and WP-Super Cache Disabled.September 7, 2021 at 1:30 pm #1319976Hi Lyse,
Thanks for contacting us!
I checked your website and it seems like you have solved the issue by adding top padding to your content. A possible solution would be to decrease main menu font size on certain screens however secondary line starts at 1792px and with that many menu items, I am afraid that would not be good solution.
Is there anything you are unhappy with your current solution? If so, we could try finding a solution to that instead :)
Best regards,
YigitSeptember 7, 2021 at 12:01 pm #1319957In reply to: Tweak: Change CSS load order so Post CSS is first
Thanks Gunter,
I’ll run a test using the filter.
It more to do with the background images getting loaded late for ALB color sections.
I use this element above the fold on a lot of websites. So having the background image called last in Post CSS causes a flicker. It also makes any font size changes flicker. as the page loads in.If moving the rules back to inline tags works I’ll do that
or
I will continue to add the background image css inline as critical css in the header.Regarding critical CSS
It would be great if Enfold came with a critical CSS generator but this would be a major feature request
However Avada now comes with its own critical CSS generator – probably to guarantee compatibility.Do you have a recommendation for a critical CSS generator for Enfold? This removes the render blocking resources warning from Chrome.
-
This reply was modified 4 years, 6 months ago by
thinkjarvis.
September 6, 2021 at 3:17 pm #1319875Topic: Changing the 'Elegant' font size in the Accordion Element
in forum Enfoldmattcarroll
ParticipantHi Guys,
I’m hoping that one of you kind people will be able to tell me if it is possible to change specifically the ‘Elegant’ font size used within the Accordion Element.
The website is: https://www.pritchardsgarage.co.uk and under the image of the crashed car you will see that I have used an Accordion Element to produce a drop down for a hidden contact form.
The idea is that I want to use the Accordion as a type of ‘Call to Action’ but only show the form if visitors click on it.
Therefore I need to increase the font size of the Accordion Element to around 26 (like ‘The Vehicle Repair Experts’ in the banner above it.Im hoping this is an easy task to do, possibly within the Quick CSS area, but I cannot figure out what I need to change to just change that font size and no others.
Hope to hear from you with some appreciated guidance.
Best regards
MattSeptember 6, 2021 at 8:34 am #1319843In reply to: Blog Post Excerpt Font size and Line-hight
Hi Mike,
cool, works fine.One question to understand the concept behind:
Would it work with
.aktuell {
font-size: 10px;
line-height: 12px;
}
as well?
Why do you use “> div > div > article > div > .slide-entry-excerpt”?Thanks for the great support of the Kriesi-Team!!
ManfredSeptember 5, 2021 at 11:05 pm #1319807Hi,
Thank you for your patience and the link to your site, for the checkout page the input fields seem to be using the font “Helvetica Neue” at 12px so I tried matching it for this solution, feel free to adjust to suit.
I added this to your Quick CSS field:#top.woocommerce-checkout .select2-results__option[aria-selected], #top.woocommerce-checkout .select2-results__option[data-selected], #top.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px; font-family: "Helvetica Neue"; background-color: #f8f8f8; } #top.woocommerce-checkout .select2-container--default .select2-selection--single, #top.woocommerce-checkout .select2-dropdown { background-color: #f8f8f8; border: 0px solid #f8f8f8; }this is the result:

For your order received page I assumed that you want “GRACIAS. TU PEDIDO HA SIDO RECIBIDO.” to match The H2 heading in the next section below “DETALLES DEL PEDIDO” so this css does that:#top.woocommerce-order-received .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { font-size: 28px; font-family: "lora"; color: #696969; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }the result:

Please clear your browser cache and check.Best regards,
MikeSeptember 5, 2021 at 10:00 pm #1319804In reply to: Blog Post Excerpt Font size and Line-hight
Hi,
Thank you for your patience and for the login, to ensure that the following custom css doesn’t interfere with other pages or elements I recommend adding a custom class to this blog element which you can use everywhere on your site that you want this effect, for this example we will use aktuell

then to hide the date and change the font size & line height we will use this css rule:.aktuell > div > div > article > div > .slide-entry-excerpt { font-size: 10px; line-height: 12px; } .aktuell > div > div > article > div > .slide-meta { display: none; }I was not sure how small you wanted the text so I guessed, feel free to adjust.

the results:

Please clear your browser cache and check.Best regards,
Mike -
This reply was modified 4 years, 6 months ago by
-
AuthorSearch Results
-
Search Results
-
Hi,
for the website in the private content, I used the following code to change the font-size of the burger menu in the responsive design:
#av-burger-menu-ul li a span {
font-size: 24px !important;
}Now I need a code to change the font size of the submenu links.
Thanks for helping me and kind regards,
SabineHi,
I am trying to target the blogpost-titles :
> on single posts and
> on blog-overview-page.I want to make them smaller without affecting the other h1 h2 h3 titles on my site
can you help out?
Thanks
AlexanderTopic: uppercase : category meta
Good day,
1. where can I change the font of metatags from uppercase to normal standard. Also the font size and colour.
2. how do I remove the icon / timeline?
Thanks for help.
BonnieTopic: Blog Title Size – HUGE! H1?
For the life of me I can’t get the blog titles to change font size – they are using H1 and are HUGE?!
Can you help me out?
Hi Guys,
I’m hoping that one of you kind people will be able to tell me if it is possible to change specifically the ‘Elegant’ font size used within the Accordion Element.
The website is: https://www.pritchardsgarage.co.uk and under the image of the crashed car you will see that I have used an Accordion Element to produce a drop down for a hidden contact form.
The idea is that I want to use the Accordion as a type of ‘Call to Action’ but only show the form if visitors click on it.
Therefore I need to increase the font size of the Accordion Element to around 26 (like ‘The Vehicle Repair Experts’ in the banner above it.Im hoping this is an easy task to do, possibly within the Quick CSS area, but I cannot figure out what I need to change to just change that font size and no others.
Hope to hear from you with some appreciated guidance.
Best regards
Matt
