-
Search Results
-
In reply to: Enfold 4.4 update – Blog layout become worse
Hi tlg1966,
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
.html_modern-blog .avia-content-slider .slide-entry-title { font-size: 18px; text-transform: none; }You can remove the second rule if you want them to be uppercase.
If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Enfold 4.4 update – Blog layout become worse
Hi tlg1966,
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
.html_modern-blog .avia-content-slider .slide-entry-title { font-size: 18px; text-transform: none; }You can remove the second rule if you want them to be uppercase.
If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: Line Spacing Enfold Sub Menu
Okay. Yeah I can understand that… But its not possible to share a link – cause the website is not online right now – just running on a local server.
I already figured out the right code for the problem with the line spacing.
I am trying to fix the Envia-Bullet-Size with the following css (selector from google chrome developer tool), but it doesnt work.
.avia_mega_div .avia-bullet {font-size: 200%}
I also tried
#header .sub-menu .avia-bullet {font-size: 200%} but doesnt work as well.
In reply to: Help me rebuild elements from the Enfold 2017 demo
Hi,
This is built with the tab section element:
Here is the debug code from the demo for you to test on your site, although you may not get all of the images:[av_tab_section transition='av-tab-slide-transition' padding='large' tab_pos='av-tab-above-content' tab_padding='none' initial='5' id='Plugins' av_element_hidden_in_editor='0' av_admin_tab_active='9' bg_color='#f1f1f1' color='#919191' av_uid='av-g4ml7q'] [av_tab_sub_section tab_title='bbPress Forums' vertical_align='middle' icon_select='image_top' icon='ue800' font='entypo-fontello' tab_image='3004' tab_image_style='' color='#333333' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-fwq2xi'] [av_one_half 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='' mobile_display='' av_uid='av-fquroe'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/bbpress-ipad.jpg' attachment='541' 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' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-fkap7y'][/av_image] [/av_one_half][av_one_half 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='' mobile_display='' av_uid='av-fi4t7i'] [av_heading tag='h1' padding='0' heading='Easily build and manage your community with the bbPress forum plugin' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-fcczq6'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-f3zdpa'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-f0v41a'] <strong>bbPress</strong> is a forum software with a twist from the creators of WordPress. Easily setup discussion forums inside your WordPress powered site. [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-eraeba'] [av_button label='Learn more about bbPress' link='manually,https://bbpress.org/' link_target='_blank' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue80b' font='entypo-fontello' color='custom' custom_bg='#8dc770' custom_font='#ffffff' admin_preview_bg='' av_uid='av-eohj52'] [/av_one_half][/av_tab_sub_section][av_tab_sub_section tab_title='Yoast SEO for WP' vertical_align='middle' icon_select='image_top' icon='ue800' font='entypo-fontello' tab_image='3012' tab_image_style='' color='#333333' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-egxeue'] [av_one_half 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='' mobile_display='' av_uid='av-eb1xf2'] [av_heading tag='h1' padding='0' heading='Optimize your site for search engines with Yoast SEO for WordPress' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-e4t3a6'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-e1y1em'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-dsnfvq'] <strong>Yoast SEO</strong> allows you to easily optimize your WordPress site with one plugin for all search engines. It allows for real time content analysis of your blog entries and has many more features to streamline your site. A premium version of the plugin is also available. [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-dpclby'] [av_button label='Learn more about Yoast SEO' link='manually,https://yoast.com/wordpress/plugins/seo/' link_target='_blank' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue803' font='entypo-fontello' color='custom' custom_bg='#0075b3' custom_font='#ffffff' admin_preview_bg='' av_uid='av-1cp9fy'] [/av_one_half][av_one_half 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='' mobile_display='' av_uid='av-dbfcku'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/yoast-ipad.jpg' attachment='548' 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' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-d6vt8e'][/av_image] [/av_one_half][/av_tab_sub_section][av_tab_sub_section tab_title='Gravity Forms' vertical_align='middle' icon_select='image_top' icon='ue800' font='entypo-fontello' tab_image='3007' tab_image_style='' color='#333333' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-d0qro6'] [av_one_half 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='' mobile_display='' av_uid='av-crwb5y'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/gravity-ipad.jpg' attachment='543' 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' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-cn1v2m'][/av_image] [/av_one_half][av_one_half 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='' mobile_display='' av_uid='av-cjmu26'] [av_heading tag='h1' padding='0' heading='Build great forms with GravityForms' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-cb4umm'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-c6v7ri'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-179idi'] Although Enfold has a great and simple form builder for everyday contact forms, sometimes what you need is something more sophisticated with a lot more options. Thats where <strong>GravityForms</strong> shines! [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-bwn6ja'] [av_button label='Learn more about GravityForms' link='manually,https://woocommerce.com/?ref=84' link_target='_blank' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue849' font='entypo-fontello' color='custom' custom_bg='#365666' custom_font='#ffffff' admin_preview_bg='' av_uid='av-boa0pq'] [/av_one_half][/av_tab_sub_section][av_tab_sub_section tab_title='Slider Revolution' vertical_align='middle' icon_select='image_top' icon='ue800' font='entypo-fontello' tab_image='3009' tab_image_style='' color='#333333' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-bianmm'] [av_one_half 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='' mobile_display='' av_uid='av-ba6otq'] [av_heading tag='h1' padding='0' heading='Use Slider Revolution for beautiful slides' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-b4nw6u'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-b18812'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-atk0cu'] Although the plugin is not included as part of the theme (other than the Layerslider Plugin, which is) the theme will show an extra template builder element for the Slider Revolution Plugin for easier integration with our layouts. No Matter with Layer Based Slider you prefer, we got you covered! [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-aquxra'] [av_button label='Learn more about Slider Revolution' link='manually,https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380?ref=Kriesi' link_target='_blank' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue891' font='entypo-fontello' color='custom' custom_bg='#c50000' custom_font='#ffffff' admin_preview_bg='' av_uid='av-aj4gam'] [/av_one_half][av_one_half 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='' mobile_display='' av_uid='av-aaumue'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/revslider-ipad.jpg' attachment='546' 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' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-a6u352'][/av_image] [/av_one_half][/av_tab_sub_section][av_tab_sub_section tab_title='Woo Commerce' vertical_align='middle' icon_select='image_top' icon='ue800' font='entypo-fontello' tab_image='3010' tab_image_style='' color='#333333' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-a12fty'] [av_one_half 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='' mobile_display='' av_uid='av-9upf8e'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/woo-ipad.jpg' attachment='522' 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' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-9prbyu'][/av_image] [/av_one_half][av_one_half 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='' mobile_display='' av_uid='av-9kmhna'] [av_heading tag='h1' padding='0' heading='Open your own WooCommerce Online Store' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-9ane6e'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-94562u'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-8y5zxq'] <strong>WooCommerce</strong> is now the most popular eCommerce platform on the web, so you can rest assured you're in good company. Build beautiful and functional stores without any hassle by using our Enfold Theme in conjunction with WooCommerce. [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-8vbby6'] [av_button label='Learn more about WooCommerce' link='manually,https://woocommerce.com/?ref=84' link_target='_blank' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue859' font='entypo-fontello' color='custom' custom_bg='#a46497' custom_font='#ffffff' admin_preview_bg='' av_uid='av-v97vi'] [/av_one_half][/av_tab_sub_section][av_tab_sub_section tab_title='Layer Slider Plugin' vertical_align='middle' icon_select='image_top' icon='ue800' font='entypo-fontello' tab_image='3008' tab_image_style='' color='#333333' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-8kmnye'] [av_one_half 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='' mobile_display='' av_uid='av-8eayfa'] [av_heading tag='h1' padding='0' heading='Use LayerSlider for amazing custom animations. The plugin is the only one included in the theme' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-85rjam'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-817fvy'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-7v0bha'] Our goto slider when it comes to complex layer-based animation sliders. The Plugin is included as part of the theme but no worries, if you don't use we wont load it, to take care of your server resources. [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-7my1mu'] [av_button label='Learn more about the LayerSlider' link='manually,https://codecanyon.net/item/layerslider-responsive-wordpress-slider-plugin/1362246?ref=Kriesi' link_target='_blank' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue84e' font='entypo-fontello' color='custom' custom_bg='#312853' custom_font='#ffffff' admin_preview_bg='' av_uid='av-7jeceu'] [/av_one_half][av_one_half 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='' mobile_display='' av_uid='av-7e8whi'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/layerslider-ipad.jpg' attachment='544' 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' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-77l9xy'][/av_image] [/av_one_half][/av_tab_sub_section][av_tab_sub_section tab_title='Mailchimp Newsletter' vertical_align='middle' icon_select='image_top' icon='ue800' font='entypo-fontello' tab_image='3005' tab_image_style='' color='#333333' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-72gtie'] [av_one_half 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='' mobile_display='' av_uid='av-6tk1o6'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/mailchimp-ipad-1.jpg' attachment='545' 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' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-6olnlq'][/av_image] [/av_one_half][av_one_half 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='' mobile_display='' av_uid='av-6irbue'] [av_heading tag='h1' padding='0' heading='Mailchimp Newsletter Integration' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-mp8om'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-m4tce'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-62pb7a'] Not technically a plugin but only the most popular newsletter service there is. And Enfold allows you to create subscription forms out of the box. Just enter your <strong>Mailchimp</strong> API key and start collecting subscribers! [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-5vxhfa'] [av_button label='Learn more about Mailchimp' link='manually,https://mailchimp.com' link_target='_blank' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue836' font='entypo-fontello' color='custom' custom_bg='#f58eac' custom_font='#ffffff' admin_preview_bg='' av_uid='av-5qh2fq'] [/av_one_half][/av_tab_sub_section][av_tab_sub_section tab_title='The Events Calendar' vertical_align='middle' icon_select='image_top' icon='ue800' font='entypo-fontello' tab_image='3006' tab_image_style='' color='#333333' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-5i88ha'] [av_one_half 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='' mobile_display='' av_uid='av-jh3cu'] [av_heading tag='h1' padding='0' heading='Manage and organize events with this amazing plugin' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-1vhxy'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-hyz1y'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-4vj31i'] A solid, feature-rich calendar and events management suite that’s scalable from soup to nuts. Also comes with a Pro version and a ton of extensions. Definitely check it out! [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-4s3r86'] [av_button label='Learn more about the Evens Calendar' link='manually,http://mbsy.co/6cr37' link_target='_blank' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue84e' font='entypo-fontello' color='custom' custom_bg='#1173b3' custom_font='#ffffff' admin_preview_bg='' av_uid='av-4k48x2'] [/av_one_half][av_one_half 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='' mobile_display='' av_uid='av-4d9gnq'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/events-ipad.jpg' attachment='542' 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' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-47ubyu'][/av_image] [/av_one_half][/av_tab_sub_section][av_tab_sub_section tab_title='Multi Language' vertical_align='middle' icon_select='image_top' icon='ue800' font='entypo-fontello' tab_image='3011' tab_image_style='' color='#333333' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-41xzoe'] [av_one_half 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='' mobile_display='' av_uid='av-3v2h6m'] [av_image src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/wpml-ipad.jpg' attachment='547' 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' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-3pgcy6'][/av_image] [/av_one_half][av_one_half 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='' mobile_display='' av_uid='av-3mx4zy'] [av_heading tag='h1' padding='0' heading='Create sites with multiple languages with Enfold and WPML' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(255, 255, 255)' av_uid='av-3ffqp2'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-39izqu'] [av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-308lxq'] WPML allows running fully multilingual websites with WordPress, making it easy to translate WordPress pages, posts, tags, categories and themes. And since our Themes are optimised for <strong>WPML</strong> the whole experience gets even better! [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='' av_uid='av-ad5su'] [av_button label='Learn more about WPML' link='manually,http://bit.ly/kwpml' link_target='_blank' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue859' font='entypo-fontello' color='custom' custom_bg='#307a9b' custom_font='#ffffff' admin_preview_bg='' av_uid='av-2oatpq'] [/av_one_half][/av_tab_sub_section] [/av_tab_section]Best regards,
MikeTopic: CSS Responsive for Chrome
Hi!
Can someone please help me with my responsive CSS.
I appear to be having an issue Chrome. Font size for the grey tag line above menu appears to increase at about 1250px wide.
This doesn’t happen in FireFox and looks correct there. Any ideas?
Should my responsive CSS be written differently for Chrome.
Link to site etc in PMHi,
I have just increased the size of the font on the flyout mobile menu to 20 point. I used some CSS I found on this forum as below.I have 2 Questions ( also see screenshot of iPhone5 viewport in google dev tools)
1. How can I change the background colour from #232323 to #FBE225 and Change the text AND Burger Cross (X) to #232323. I am essentially inverting the colour scheme here.
2. Even when the text was smaller it was falling off the bottom of the viewport on the iPhone 5. Now its larger it has the same problem.
Is it possible to move this flyout menu UP on the viewport so thats its completely visible and not touching the bottom. Either by shifting the whole thing UP (ideal) or reducing the spaces between the menu items (Compromise).The Code I have used so far:-
========================
/* Mobile Burger Menu Styling*/
@media only screen and (max-width: 990px) {
#av-burger-menu-ul .avia-menu-text {
font-size: 20px !important;
}
}
=========================
Thanks for your help.
regards
PeteHere’s my website:-
@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 can someone please help.
I’ve got this code in quick CSS
#top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items {
min-height: 80px;
This fixes the top logo but throws out the body.
See
Hi Ismael,
thank you for this info. This solves at least the problem of the headline being aligned to the left.
The other problems like- The post element has still the wrong font size and the meta information is there
- The headline in a single post is still above the featured image and the meta information are not complete as the date and the author are displayed on the bottom, the categories are on the top
still persist.
In the end it would be great to have the option to decide where the meta elements are being displayed, which seperator should be used and font-size/color. Same goes for the front page element of displaying blog posts in a row as this is still messed up.
Best Regards,
OlafHi Ismael,
where is it? There is only a Headline “Single-Post-Fontsize” but no options below?
So far – Figured something out that works for headline in blog posts:
.html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
text-align: left;
font-size: 20px;
text-transform: none;
font-weight: normal;
}But your mentioned solutions will be much more convenient ;-)
BR
MarkusHi Daniel,
Here you go :-)
[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/business-office-work-blurred.jpg' attachment='885' attachment_size='full' attach='scroll' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-uefn5'] [av_heading heading='Masonry Portfolio Example:<br/>4 Column Masonry Grid' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-s5iu1'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-nmxft'] [av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)' av_uid='av-eg615'] <p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff. This can be used to describe what you do, how you do it, & who you do it for.</p> [/av_textblock] [/av_section] [av_masonry_entries link='portfolio_entries,12,14,15' sort='yes-tax' items='9' columns='4' paginate='load_more' query_orderby='date' query_order='DESC' size='fixed manually' gap='no' overlay_fx='active' id='' caption_elements='title' caption_styling='overlay' caption_display='on-hover' color='' custom_bg='' av_uid='av-9ikih']Best regards,
RikardHi,
I’m trying to adjust the Full Screen Slider Button size.
I added a class “home-fullwidth” to the Full Screen Slider and added below code but it’s not working. Are you able to provide with the correct code please? Thank you
.home-fullwidth .avia-slideshow-button
{ padding: 15px 30px 13px;
font-size: 20px;
min-width: 220px;
border-radius: 3px;
}Great, that works. However, when I move that code line from the CSS field to my child theme’s CSS file, the blog font size is larger again. Do you have an idea why that is?
I included FTP credentials below so that you can edit the child theme directly, if necessary.
Best regards,
ThomasHey Thomas,
Please try this code in your WordPress > Customize > Additional CSS:p {font-size: 16px !important;}Best regards,
MikeIn reply to: Enfold: Unknown Heading Showing Across Each Page
Here is some of the code that I am seeing on each page that is displaying this CONTENT that I am unable to find anywhere in the theme or under page settings.
</div></div></div><!– close content main div –> <!– section close by builder template –> </div><!–end builder template–></div><!– close default .container_wrap element –> <div id=’footer-template’ class=’avia-section footer_color avia-section-huge avia-no-shadow avia-bg-style-scroll avia-builder-el-0 avia-builder-el-no-sibling container_wrap fullsize’ style = ‘background-color: #ffffff; background-image: ‘ ><div class=’container’ ><main role=”main” itemprop=”mainContentOfPage” class=’template-page content av-content-full alpha units’><div class=’post-entry post-entry-type-page post-entry-824′><div class=’entry-content-wrapper clearfix’>
<div class=”flex_column av_one_full flex_column_div av-zero-column-padding avia-link-column avia-link-column-hover first avia-builder-el-1 el_before_av_hr avia-builder-el-first ” style=’margin-top:0px; margin-bottom:0px; border-radius:0px; ‘ data-link-column-url=”http://pattersonenergy.net/get-in-touch/” >Link to: Contact Us<div style=’padding-bottom:0px; margin:0 0 0 0; font-size:50px;’ class=’av-special-heading av-special-heading-h3 blockquote modern-quote modern-centered avia-builder-el-2 el_before_av_textblock avia-builder-el-first av-inherit-size ‘><h3 class=’av-special-heading-tag ‘ itemprop=”headline” >Any more questions? Feel free to write us a mail!</h3><div class=’special-heading-border’><div class=’special-heading-inner-border’ ></div></div></div>
<section class=”av_textblock_section ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork” ><div class=’avia_textblock ‘ itemprop=”text” ><p style=”text-align: center;”>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>Hi all,
Firstable; let me compliment the author for making this amazing theme! For that matter, for me it’s the best theme ever.
In addition to a earlier thread I need your help.
I noticed that a lot of Enfold users dealing with the same issue as me as I found many posts. Yet there still isn’t any solution available or provided by the author and I do think it can be easily fixed to be honest.The issue
Normally the child’s css file is being used to custom style existing (theme/plugins) css and overrule them by being last loaded.
Enfold’s theme has a “General Options” built-in the backend, where you can modify (or add) styles (for example, colors) and submit (save) them.
Pretty cool feature/interface – so what’s the problem?– the child’s css is not leading, instead it’s content generates css output files to /wp-content/uploads/dynamic_avia/
– and only! being merged when you press “Save all changes” in the theme’s backend (… after each minor modification in the style.css …).I appreciate this built-in feature in the backend (but not that it takes over control).
Custom styling a website is a direct ‘hands on’ workprocess (inspect elements in browser, modify/save/upload the child’s css – refresh browser) – and directly see the results.To be short; I like Enfold’s built-in feature for standard general styles/options.
But child themes are being used to work as independent workflow because it’s files (normally) loads last – that said, Enfold’s built-in dynamic_avia is not configured to act as a stand-alone feauture that controls even the child’s css output.Pardon me if it feels tike I’m criticize the theme features, my technical English is a bit rusty ;-)
I’m focussed on the solution. I want my child’s style.css act like it’s meant to be (as leading last loaded file).
Otherwise what’s the point of using a child theme anyway.
* in my opinion, there must be some code somewhere that mandate this process… maybe by removing/modify this code we can prevent this…. so the child’s css can work indepently again.For me this is very important so it will mean a lot if you help sorting this out with me !
———————–
My 2nd question is – can you please check my style.css & functions.php to make sure it’s setup correctly?
Content 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;
}Content 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’ );I highly appreciate the effort,
Regards,
JeroenI am trying to figure out how to align the Logo Area Menu Item Text or Menu/Page Links to the bottom. right now they are just kind of floating around in the middle or top and I’d prefer them to be aligned towards the bottom of the header or menu area.
The page is http://www.pattersonenergy.net
also, where would i go to change the font size for these links? I figured out how to edit the color of the links but not the fonts of the menu items.
In reply to: Font size blog grid titles
Hey bobjonesdesigns,
Add this to quick css:
article .slide-content .slide-entry-title.entry-title{ font-size:12px!important; }Best regards,
Jordan ShannonTopic: Font size blog grid titles
Hi,
I’m trying to change the font size of the titles appearing under the blog grid, as show at the bottom of my home page.
Thanks!
Hey Mariusz86,
Thank you for using Enfold.
Where can we see the map? Try to replace the second css declaration with this one.
.av_gmaps_sc_main_wrap .av_text_confirm_link { margin-left: 0px !important; font-size: 0.9em !important; position: absolute; left: 50%; transform: translate(-50%, 0; }Best regards,
IsmaelThis week I made an update to Enfold 4.4.
Now I see that the “Raster” Layout of the four articles on my startpage of my blog changed significant.The font size of the article’s headlines changed to “h1” I suppose which is much bigger now and does not fit to the rest of the page.
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.I tried everything to get the old look and feel but I was not successful.
Where can I change these settings?
What is the reason that the blog layout changed?Thank you and best regards, Udo
Hey Gitte,
There’s already a plan to enhance Advanced Styling, however it will be done and implemented soon.
For now, we can help you by giving you css codes that you can add to Quick CSS and make changes in styling.
Please give us a link and tell us what you’d like to change like font size, color, etc.
You can post the link in private content, if you want it to show only to the moderators.Best regards,
NikkoMaybe of interest for someone else –
I managed to change the font color and size with this quick css
#top .av-subnav-menu > li > a { font-size: 20px; color: #fcc860; }And here the color of the link on hover..
#top .av-subnav-menu > li > a:hover { color: #11306f; }In reply to: Latest News Header is to big.
Hi,
Thanks for providing that info. Please add the following to quick css:
.html_modern-blog .avia-content-slider .slide-entry-title{ font-size:1em!important; }Best regards,
Jordan ShannonI have tried with adding the following code to Quick CSS
#top .av-subnav-menu > li > a {
font-size: 16px;
}but it had not effect on the font size of my submenu…
Hi,
could you please implement the option to add a font size in the theme settings -> advanced styling -> widget title?
And:
slideshow titles
slideshow captions …etc. – I see there are a lot of elements, where the font size is not listed.
Thanks.
In reply to: Text Block font sizing doesn't work
Oh! Ok, that makes sense. So if we specify what the font size should be in the Enfold settings this overwrites any font size changes made in individual text blocks. That’s not what I would expect as I would assume the local changes would supersede the global change in the Enfold settings.
Many thanks Ismael
This can be closed.
In reply to: Post Slider styling messed up
Further to my previous message…. you said, “These are the styles you have for that element. And these are the style for the demo, you see , the selectors are different.” Your screenshot shows that code to be from ‘blog.css’ which is not a file I’ve created or edited. There seem to be a lot of clues that something is not right: For example why are the selectors different if, like you, I’m using the default Post Slider and the latest version of Enfold… you’d think the selectors would be the same no?
You should be able to see this but for the sake of clarity the following is the only css I’ve added to Enfold child style.css…
#top h1.main-title {font-size: 20px;font-weight: bold;}
.document-gallery .document-icon a { font-size: 1em;line-height: 1.2em;}
.home .widget_recent_entries li {font-size: 1em;}
.home .widget_recent_entries li .post-date {font-size: .9em;font-style: oblique;}
.home .entry-content-wrapper li {margin-left:0;}
.home .content {padding-top: 35px;}
.av-special-heading {margin-top: 10px;}That should not affect the order of HTML elements in an instance of the ALB Post Slider.
In reply to: Stop testimonials slider from jumping around
Thanks for the great suggestions!
While I was trying the @media only quick css, I discovered a good workaround for this issue using a color section.
The testimonials slider we were trying to build was already inside a color section, so if you can’t put yours into a color section, this won’t apply to you (like if you want sidebar widgets to appear on that page, for example, although I don’t know you would if it’s mobile). In any case, if you can use a color section, put your testimonials slider inside the color section, then open the color section’s Section Layout > Section Minimum Height > Custom height in pixel.
Then you can use Ctrl+Shift+M on Firefox (to get a responsive view of your site), and mess with the ‘height in pixel’ settings of the color element until it matches your tallest testimonial slider item. Just toggle the “device selected” at the top of the viewport and it tells you the exact pixel dimensions of whatever device you’re working with. This prevents the rest of the page on mobile from jumping up and down as the slider, once the height you select is taller than the max height of how the color section with testimonials slider inside renders on the device chosen for it in Screen Options. I did end up having to remove some of the longer testimonials, though, as it was just too much variation in height on mobile, plus using the html/Text editor to make testimonials’s font sizes smaller (to reduce variation in section height) ended up causing the testimonials slider to stop rotating. (During editing, I just open up 4 or 5 tabs of the one page I’m working on and set each one to a different device view so I can edit the page in one window, then view how the changes render on the devices in the other window. PS to reload all tabs at once in Firefox, right click on a tab and click “Reload All Tabs,” or, even faster, [Windows OS] use Alt+D (selects location bar), then hold Shift and hit Tab twice (selects tab), then hit Shift+F10 (opens right-click menu from keyboard), and hit a. Anyway, that saves me tons of time clicking, etc. during edits).
The different versions of my website’s page, each for a different device, is so easy to work with once I realized I can just duplicate whatever element I’m working with (a color section, let’s say), go to Screen Options > Element Visibility, and pick which screen size I’m working with for that one. So I’ll have three or four duplicates of the same avia element, each one with settings a little different for mobile, mobile landscape / tablet portrait, tablet landscape, and full desktop so they look great on that device.
Hope this is helpful to someone. Enfold rocks!
