-
AuthorSearch Results
-
March 26, 2023 at 3:41 pm #1402553
In reply to: Mobile alignment
Hoin Rikard,
I dont see any difference?
This is all the CSS mabye somthing conflicting. Above the list is all the mobile css.
@media only screen and (max-width: 767px) { .flex_column { padding: 0; height: auto; } } @media only screen and (max-width: 767px) { #top #wrap_all .flex_column_table .flex_column { display: flex; flex-direction: column; justify-content: center; } } /*Topmenu disable line */ .av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx { visibility: hidden !important; background-color: transparent !important; border-color: transparent !important; } /*Topmenu bottom border*/ #header_meta { border-bottom-width: 0px; } /*Menu bottom border*/ #header_main { border-bottom-width: 0px; } /*Menu ruimte tussen woorden*/ span.avia-menu-text { margin: 0px 10px 0px 10px; } /*Basic font*/ .avia_textblock { line-height: 30px; } /*Custom font laden - Header*/ .thunder-lightlcitalic-webfont { font-family: 'thunder-lightlcitalic-webfont'; font-size: 70px; vertical-align: text-top; } /*Custom font laden - Blokken home*/ .thunder-lighthc-50 { font-family: 'thunder-lighthc'; font-size: 50px; } .thunder-lighthc { font-family: 'thunder-lighthc'; font-size: 65px; } /*Custom font laden - Pages*/ .thunder-lightlcitalic-webfont-60 { font-family: 'thunder-lightlcitalic-webfont'; font-size: 60px; } .thunder-lightlc-60 { font-family: 'thunder-lightlc-webfont'; font-size: 60px; } .thunder-lightlc-70 { font-family: 'thunder-lightlc-webfont'; font-size: 60px; } /*Home - Blokken witte rand*/ .av-layout-grid-container .flex_cell { border-left: 4px solid white !important; border-right: 4px solid white !important; border-top: 8px solid white !important; border-bottom: 8px solid white !important; } /*Text shadow*/ #textshadow .av-special-heading-tag { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) !important; } /*Text shadow - MASONRY*/ .av-masonry-entry .av-masonry-entry-title { text-shadow: 0px 0px 10px rgb(0 0 0 / 50%) !important; } /*Menu size fix*/ .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div,.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child { height: 60px; } /*Image borders*/ img.avia_image { border-radius: 0 !important; } /*Image blokken - Afstand tekst naar afbeelding*/ #imageclose .avia-image-container.avia-align-center { display: block; margin: 0px auto -15px auto; text-align: center; clear: both; } /*Contact form*/ .avia_ajax_form p { color: #ffffff!important; } #top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button { border-color: #ffffff; } /* Table rows */ #top .avia-table tr:nth-child(odd) { background: #d7d7d7 !important; } #top .avia-table tr:nth-child(even) { background: #d7d7d7 !important; } /* Table border */ #top .avia-table tr th, #top .avia-table tr td, #top .avia-table tr { border: none !important; box-shadow: 0px 0px 0px 0px #d7d7d7; } td { font-size: 24px; } /* Table - padding */ .avia-data-table.avia_pricing_minimal th, .avia-data-table.avia_pricing_minimal td { padding: 3px; } /* Table text alignment */ .avia-data-table td { text-align: left !important; } /* Footer styling @media only screen and (min-width: 990px) { #footer .container { width: 100% !important; max-width: 100% !important; padding: 150px !important; }} /* Widget styling */ #top .widget_nav_menu li { line-height: 0.9; font-size: 20px; }*/March 24, 2023 at 3:39 pm #1402323Hey seomar,
Please add this shortcode:
[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]Note that you will have to enable debug mode first: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode
Best regards,
RikardMarch 22, 2023 at 10:30 am #1401986Daniela
ParticipantThis was probably asked and solved many times but I cannot find a working solution:
I am trying to hide the tab containing additional information on the product detail page. I used the following CSS:.additional_information_tab {
display: none !important;
}or
li.additional_information_tab {
display: none;
}Both don’t work and the tab shows even if it doesn’t contain any information.
Is there any possibility to modifiy the location of the price (and font size etc.) on the single product page?
Any help is highly appreciated!
March 21, 2023 at 10:30 pm #1401951Topic: Change font family
in forum Enfoldenfold
ParticipantHi guys!
I need to change the header family font.
I did this:
For menu, go to Enfold > Advanced Styling > choose Main Menu Links in the dropdown menu then click on the Edit Element button, then modify the font size as you see fit.But it doesn’t work, can you help me please?
Regards
SantiagoMarch 21, 2023 at 5:02 am #1401841In reply to: Social icons
Hi isdixon,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (max-width:767px) { #top .av_multi_colums .av-icon-char { font-size: 40px; } }Best regards,
NikkoMarch 20, 2023 at 2:55 pm #1401793In reply to: Portfolio feed font size
Hey Ivana,
Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab and adjust it as needed
#top #wrap_all .grid-content h3.grid-entry-title { font-size: 20px; }Best regards,
YigitMarch 20, 2023 at 10:39 am #1401760Topic: Portfolio feed font size
in forum Enfoldweb4smallbusiness
ParticipantGood evening
I was wondering if you can please help me. I have changed the size of H3 fonts and it seems that the titles on my portfolio item feed has also increased. What quick CSS could I add in please to reduce the size of the portfolio feed font, while maintaining the H3 the same size as is. Below is a link to my page.Many thanks
IvanaMarch 18, 2023 at 9:58 pm #1401641In reply to: author bio on single blog post
Hey joshpb,
Please see this article: Method 4. Adding Author Info Box I tested this and it uses your profile info:

You add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function wpb_author_info_box( $content ) { global $post; // Detect if it is a single post with a post author if ( is_single() && isset( $post->post_author ) ) { // Get author's display name $display_name = get_the_author_meta( 'display_name', $post->post_author ); // If display name is not available then use nickname as display name if ( empty( $display_name ) ) $display_name = get_the_author_meta( 'nickname', $post->post_author ); // Get author's biographical information or description $user_description = get_the_author_meta( 'user_description', $post->post_author ); // Get author's website URL $user_website = get_the_author_meta('url', $post->post_author); // Get link to the author archive page $user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author)); if ( ! empty( $display_name ) ) $author_details = '<p class="author_name">About ' . $display_name . '</p>'; if ( ! empty( $user_description ) ) // Author avatar and bio $author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>'; $author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>'; // Check if author has a website in their profile if ( ! empty( $user_website ) ) { // Display author website link $author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>'; } else { // if there is no author website then just close the paragraph $author_details .= '</p>'; } // Pass all this info to post content $content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>'; } return $content; } // Add our function to the post content filter add_action( 'the_content', 'wpb_author_info_box' ); // Allow HTML in author bio section remove_filter('pre_user_description', 'wp_filter_kses');and this css:
.author_bio_section{ background-color: #F5F5F5; padding: 15px; border: 1px solid #ccc; } .author_name{ font-size:16px; font-weight: bold; } .author_details img { border: 1px solid #D8D8D8; border-radius: 50%; float: left; margin: 0 10px 10px 0; max-height: 60px; max-width: 60px; }Best regards,
MikeMarch 17, 2023 at 5:25 am #1401482In reply to: Testimonials element on mobile
Hi,
To adjust the arrows, look for this line in the css above, then define the height property.
#av-admin-preview .av-slideshow-ui .avia-slideshow-arrows a, #top .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide { width: 30px; }To center align the name, use this.
#top .av-large-testimonial-slider .avia-testimonial-meta-mini { text-align: center; }And to make the font size smaller, add this.
#top .av-large-testimonial-slider .avia-testimonial-name { font-size: 1.2em; margin-top: 1em; text-align: center; }Best regards,
IsmaelMarch 17, 2023 at 4:19 am #1401473In reply to: Blog post pagination font size
Hi Tanja,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
.pagination span, .pagination a, .pagination .current { font-size: 1.5em; } #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a { height: 45px; width: 45px; line-height: 45px; } @media only screen and (max-width:767px) { #top .pagination { overflow: visible; padding-bottom: 60px; } #top .pagination-meta { position: absolute; bottom: 2px; right: 0; } .pagination span, .pagination a, .pagination .current { font-size: 1.5em; } #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a { height: 50px; width: 50px; line-height: 50px; float: none; display: inline-block; } }Best regards,
NikkoMarch 16, 2023 at 10:34 pm #1401455Topic: Blog post pagination font size
in forum EnfoldSandy
ParticipantOn a blog page, the blog posts are set to display Pagination. The default pagination text (e.g., Page 1 of 5, and the page numbers in circles (1, 2, 3, 4, 5)) are small. How can we change the pagination font size to 1.5em for desktop and 2em on mobile?
March 16, 2023 at 11:59 am #1401360In reply to: Testimonials element on mobile
Hey Tanja,
Thank you for the inquiry.
The following css code should adjust the font size of the testimonial text and create more space for the content. It should also decrease the size of the arrows and adjust their position.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #wrap_all .all_colors .avia-testimonial-markup-entry-content h3 { font-size: 18px; line-height: 1.4em; } .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding: 0px 40px; font-size: 0.85em; } #av-admin-preview .av-slideshow-ui .avia-slideshow-arrows a, #top .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide { width: 30px; } #top .avia-slideshow-arrows a.next-slide { right: -20px; } #top .avia-slideshow-arrows a.prev-slide { left: -20px; } }Best regards,
IsmaelMarch 16, 2023 at 11:51 am #1401359In reply to: space between logo and menu
Hey theovh,
Thank you for the inquiry.
You can add the following css code to decrease the size of the logo on tablet view. This should create more space for the menu items and prevent them from covering the logo.
@media only screen and (max-width: 1024px) { /* Add your Mobile Styles here */ .logo img, .logo svg { height: 60px; top: 10px; } }You can also include this code inside the css media query above to decrease the font size of the menu items and adjust the padding on both sides.
#top #header .av-main-nav > li > a { font-size: 10px; padding: 0 8px; }Best regards,
IsmaelMarch 14, 2023 at 11:30 am #1401129BTW: the fluid font-size calculator here on the page: https://websemantics.uk/tools/fluid-responsive-property-calculator/ is a mighty tool
And for better browser support – i use the min max option.
March 14, 2023 at 7:21 am #1401113In reply to: Add clickable phone number to main menu
the simple way : – just insert to your main menu a telephone link – you can have there even images before the label text etc.
e.g:
as link: tel:905.639.9972 and f.e. put in as label :[av_font_icon icon='ue854' font='entypo-fontello' size='30px' position='left' color=''][/av_font_icon] Call us
______________
or is it ok for you – if you only have an icon ( telephone ) besides the social media icons?
create a custom social icon:function avia_add_telephone_icon($icons) { $icons['tel'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue854'); return $icons; } add_filter('avf_default_icons','avia_add_telephone_icon', 10, 1); // Add new icon as an option for social icons function avia_add_telephone_social_icon($icons) { $icons['Tel'] = 'tel'; return $icons; } add_filter('avf_social_icons_options','avia_add_telephone_social_icon', 10, 1);the new “social media link” will be at the end of the dropdown list in social media symbols enter then your telephone number as link ( tel:905.639.9972 )
maybe better with your countryif you like to have it more perfect – you can style it like every other social media link:
#top #wrap_all .av-social-link-tel:hover a, #top #wrap_all .av-social-link-tel a:focus { color: #fff; background-color: #37589b; }etc.
March 14, 2023 at 5:24 am #1401109In reply to: line height in widget navigation menu
Hey doug123,
Thank you for the inquiry.
You can use this css code to adjust the font size and line height of the widget menu items.
#top .content .flex_column .widget_nav_menu li a { padding: 0.2em 3px; font-size: 13px; }Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelMarch 14, 2023 at 5:05 am #1401108Hey ipdgraphics,
Thank you for the inquiry.
The default content font size option is now located in the Typography tab, just beside the Fonts tab of the General Styling panel. You should also see other options for the heading elements in the same tab.
Best regards,
IsmaelMarch 14, 2023 at 12:43 am #1401092Topic: line height in widget navigation menu
in forum Enfolddoug123
ParticipantHi!
How do I change the line height and font size on the navigation menu widget? I’m using the widget element as a right sidebar. The space in the widget for each menu link is too tall, and the font too large.
thank you so much!!March 13, 2023 at 10:26 pm #1401088Topic: “Default Content Font Size” Missing from General Styling
in forum Enfoldipdgraphics
ParticipantPlease advise why this feature seems to be missing from our new install of Enfold…was it moved to a different location?
Someone else’s Screenshot:
– https://ipddigital.com/wp-content/uploads/2023/03/161-How-to-Change-Fonts-on-Wordpress-Enfold-YouTube-1.pngOur site:
– https://ipddigital.com/wp-content/uploads/2023/03/Theme-Options-‹-IPD-Digital-—-WordPress.pngThanks!
March 13, 2023 at 2:34 pm #1401038In reply to: serious bug
Hey,
Please edit your slide, go to Styling > Font Sizes, click on the mobile portrait icon and decrease the font size: https://i.imgur.com/oTH3Gah.png :)
Cheers!
YigitMarch 12, 2023 at 12:21 pm #1400914In reply to: Main menu size
Hi,
Yes this is a screenshot of where the css is on your site: WordPress ▸ Customize ▸ Additional CSS
Please go there and change the color to what you want, and if you want to change the font size add this line: font-size: 16px; adjust to suit.
If you make the font size very large you may need to adjust the left number.Best regards,
MikeMarch 11, 2023 at 9:48 pm #1400877In reply to: Formidable Forms Field Color Issue
Hey vantagepointmg,
Thanks for the link to your site, I see on your page /contact-us/ you are using the plugin Formidable, I can see that their css rules are too weak.
So one solution would be to add this css to your Quick CSS:#top #main .with_frm_style input[type=text], #top #main .with_frm_style input[type=password], #top #main .with_frm_style input[type=email], #top #main .with_frm_style input[type=number], #top #main .with_frm_style input[type=url], #top #main .with_frm_style input[type=tel], #top #main .with_frm_style input[type=phone], #top #main .with_frm_style input[type=search], #top #main .with_frm_style select, #top #main .with_frm_style textarea, .frm_form_fields_style, #top #main .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, #top #main .with_frm_style .frm-card-element.StripeElement, #top #main .with_frm_style .chosen-container-multi .chosen-choices, #top #main .with_frm_style .chosen-container-single .chosen-single { color: #555555; background-color: #ffffff; border-color: #cccccc; border-width: 1px; border-style: solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; max-width: 100%; font-size: 14px; padding: 6px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; font-weight: normal; }and see if that corrects, it is the css from the plugin that I adjusted to have more specificity.
Or if you just want to change the text field color in the theme settings change the color of Enfold Theme Options ▸ General Styling ▸ Main Content ▸ Main Content Secondary Font ColorBest regards,
MikeMarch 11, 2023 at 9:08 pm #1400875In reply to: Main menu size
Hey daves1997,
To change your header height adjust this setting:

To change your menu font sizes go to Enfold Theme Options ▸ Advanced Styling and choose Main Menu Links & Main Menu sublevel Links

I see your menu has a bottom border now so I’m not sure that we are looking at the same thing, please include a mockup image of what you want to see.Best regards,
MikeMarch 11, 2023 at 8:10 pm #1400869Hi,
Thanks for the login, I found that your burger menu was #b5b5b5 before hover or click, which is set by Enfold Theme Options ▸ General Styling ▸ Logo Area ▸ Logo Area Secondary Font Color I changed it to black for you.
The homepage slide show arrows were set to white in the element style tab, I set it to black for you.

Please clear your browser cache and check.
I don’t have any of the devices you listed above, but try checking the screen resolution for them when the burger menu is not showing and we can try to investigate. When I test with my browser Dev Tools the burger menu shows for all screen sizes unless landscape where the main menu shows.Best regards,
MikeMarch 10, 2023 at 6:21 pm #1400748Topic: Main menu size
in forum Enfolddaves1997
Participanthow do I adjust the menu height.
How do I change main menu font size.
How do I add top and bottom border
Tried a lot of css but nothing worked
https://bestfortmyersrealestate.comMarch 10, 2023 at 4:01 pm #1400723In reply to: typography “p” default size
Hi Josephine,
Please go to Enfold theme options > General Styling > Typography and edit “Default Content Font Size”.
Regards,
YigitMarch 10, 2023 at 3:12 pm #1400707In reply to: Turn links into headings in menu
Hey,
Does removing the link using CSS work for you? If it does, please replace the code I posted here: https://kriesi.at/support/topic/turn-links-into-headings-in-menu/#post-1400694 with the following
#top #header .mega_menu_title a { font-weight: bold; font-size: 18px; margin-bottom: 5px; pointer-events: none; }Regards,
YigitMarch 10, 2023 at 2:54 pm #1400700Topic: typography “p” default size
in forum Enfoldjosk-design
ParticipantHi there
I would like to know what is the default font size of p tag font?
Best regards
JosephineMarch 10, 2023 at 2:35 pm #1400694In reply to: Turn links into headings in menu
Hi,
Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab
#top #header .mega_menu_title a { font-weight: bold; font-size: 20px; margin-bottom: 5px; }Cheers!
YigitMarch 10, 2023 at 6:14 am #1400637In reply to: Woocomerce Review Tab on Product Page Adjustment
Hey ovrit,
Thank you for the inquiry.
To adjust the spacing around the text in the comment box, you can add some padding to it using CSS. Here’s an example:
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .review .comment-text { padding: 1em; }And to fix the alignment of the stars, add this.
#comments span, .minitext, .form-allowed-tags, #reply-title small, #commentform label { font-size: inherit; line-height: inherit; }Best regards,
Ismael -
AuthorSearch Results
-
Search Results
-
This was probably asked and solved many times but I cannot find a working solution:
I am trying to hide the tab containing additional information on the product detail page. I used the following CSS:.additional_information_tab {
display: none !important;
}or
li.additional_information_tab {
display: none;
}Both don’t work and the tab shows even if it doesn’t contain any information.
Is there any possibility to modifiy the location of the price (and font size etc.) on the single product page?
Any help is highly appreciated!
Topic: Change font family
Hi guys!
I need to change the header family font.
I did this:
For menu, go to Enfold > Advanced Styling > choose Main Menu Links in the dropdown menu then click on the Edit Element button, then modify the font size as you see fit.But it doesn’t work, can you help me please?
Regards
SantiagoTopic: Portfolio feed font size
Good evening
I was wondering if you can please help me. I have changed the size of H3 fonts and it seems that the titles on my portfolio item feed has also increased. What quick CSS could I add in please to reduce the size of the portfolio feed font, while maintaining the H3 the same size as is. Below is a link to my page.Many thanks
IvanaOn a blog page, the blog posts are set to display Pagination. The default pagination text (e.g., Page 1 of 5, and the page numbers in circles (1, 2, 3, 4, 5)) are small. How can we change the pagination font size to 1.5em for desktop and 2em on mobile?
Please advise why this feature seems to be missing from our new install of Enfold…was it moved to a different location?
Someone else’s Screenshot:
– https://ipddigital.com/wp-content/uploads/2023/03/161-How-to-Change-Fonts-on-Wordpress-Enfold-YouTube-1.pngOur site:
– https://ipddigital.com/wp-content/uploads/2023/03/Theme-Options-‹-IPD-Digital-—-WordPress.pngThanks!
Topic: Main menu size
Topic: typography “p” default size
Hi there
I would like to know what is the default font size of p tag font?
Best regards
Josephine

