-
Search Results
-
In reply to: Tab Section – RTL
Hi,
Thank you very much for using our theme and sorry for the late reply to this issue.
On your page I found 2 problems which will be solved in the next update. Meanwhile please do the following updates:
File enfold\js\shortcodes.js around line 2961 you find the function:
set_tab_titlte_pos = function() { ...... },Please replace this code by:
set_tab_titlte_pos = function() { // scroll the tabs if there is not enough room to display them all - rtl allign right to left !! var current_tab = container.find('.av-active-tab-title'), viewport = container.width(), left_pos = ( current_tab.position().left * - 1) - (current_tab.outerWidth() / 2) + (viewport / 2); if( ! $('body').hasClass("rtl") ) { if( viewport >= min_width ) { left_pos = 0; } if(left_pos + min_width < viewport) left_pos = (min_width - viewport) * -1; if(left_pos > 0) left_pos = 0; tab_wrap.css('left',left_pos ); } else { var right_pos = 0; if( viewport < min_width ) { if( left_pos + min_width > viewport ) { if( left_pos > 0 ) left_pos = 0; var right_pos = (left_pos + min_width - viewport) * -1; tab_wrap.css('left', 'auto' ); tab_wrap.css('right', right_pos ); } } tab_wrap.css('left', 'auto' ); tab_wrap.css('right', right_pos ); } },This should fix the problem with the tab section titles.
In file enfold\config-templatebuilder\avia-shortcodes\tab_section.php around line 451 you find the code
$tab_link = AviaHelper::save_string($tab_title,'-');Replace this line with:
$tab_link = AviaHelper::save_string($tab_title,'-') . '-1';This should fix the problem with jumping to the top of the page when clicking on a section tab.
If you have problems to update the files please let us know. Give us FTP access and a WP admin account and we can do it for you.
Make sure, you are using the latest version Enfold 4.1.2.
Best regards,
GünterIn reply to: Headshot image
Hi,
If you enable debug mode in order to see builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, you can then paste this shortcode to a new page to see how it’s done:
[av_fullscreen size='extra_large' animation='fade' autoplay='true' autoplay_stopper='aviaTBautoplay_stopper' interval='2' control_layout='av-control-hidden' scroll_down='aviaTBscroll_down' perma_caption='aviaTBperma_caption'] [av_fullscreen_slide slide_type='image' id='28' position='center center' video='http://' mobile_image='' video_cover='' title='Welcome!<br/>I am Enrique Fold' custom_title_size='60' custom_content_size='19' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='manually,#about' link_target1='' button_label2='Get in Touch' button_color2='theme-color' link2='manually,#contact' link_target2='' font_color='custom' custom_title='#ffffff' custom_content='#6b6b6b' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern=''] I am a New York based developer specialized in branding and web design. Take a look at my work and if you like it I would love to hear from you! [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='29' position='center center' video='' mobile_image='' video_cover='' title='' custom_title_size='' custom_content_size='' caption_pos='caption_right caption_right_framed caption_framed' link_apply='' link='lightbox' link_target='' button_label='' button_color='light' link1='manually,http://' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern=''][/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='30' position='center center' video='' mobile_image='' video_cover='' title='' custom_title_size='' custom_content_size='' caption_pos='caption_right caption_right_framed caption_framed' link_apply='' link='lightbox' link_target='' button_label='' button_color='light' link1='manually,http://' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern=''][/av_fullscreen_slide] [/av_fullscreen] [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='portfolio' 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_one_fifth first] [/av_one_fifth][av_three_fifth] [av_heading heading='Recent projects I have designed & developed. Would love to add yours too...' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading] [/av_three_fifth][av_one_fifth] [/av_one_fifth] [/av_section] [av_masonry_gallery ids='37,36,35,34,33,32' items='24' columns='3' paginate='none' size='fixed' gap='no' overlay_fx='active' caption_elements='none' caption_display='always' container_links='active' id=''] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='about' color='alternate_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_one_fifth first] [/av_one_fifth][av_three_fifth] [av_image src='https://kriesi.at/themes/enfold-one-page-portfolio/files/2015/02/desat-boy-m4-180x180.jpg' attachment='38' attachment_size='square' align='center' animation='pop-up' styling='circle' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff'][/av_image] [av_heading tag='h3' padding='10' heading='This is me. Designer by day & developer by night. I never sleep... almost.' color='' style='blockquote modern-quote modern-centered' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#4ecac2' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_textblock size='' font_color='' color=''] <p style="text-align: center;">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. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p> [/av_textblock] [/av_three_fifth][av_one_fifth] [/av_one_fifth][av_one_fifth first] [/av_one_fifth][av_one_fifth] [av_animated_numbers number='112' icon_select='no' icon='ue800' font='entypo-fontello' font_size='' font_size_description='' link='' linktarget='no' color='' custom_color='#444444'] successful projects [/av_animated_numbers] [/av_one_fifth][av_one_fifth] [av_animated_numbers number='3265' icon_select='no' icon='ue800' font='entypo-fontello' font_size='' font_size_description='' link='' linktarget='no' color='' custom_color='#444444'] days of experience [/av_animated_numbers] [/av_one_fifth][av_one_fifth] [av_animated_numbers number='47' icon_select='no' icon='ue800' font='entypo-fontello' font_size='' font_size_description='' link='' linktarget='no' color='' custom_color='#444444'] happy clients [/av_animated_numbers] [/av_one_fifth][av_one_fifth] [/av_one_fifth] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' id='video' color='main_color' custom_bg='' src='https://kriesi.at/themes/enfold-one-page-portfolio/files/2015/02/desat-gb_macbook.jpg' attachment='39' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern=''] [av_heading tag='h3' padding='10' heading='What my clients say about me and my work' color='' style='blockquote modern-quote modern-centered' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_testimonials style='slider_large' columns='2' interval='6' font_color='custom' custom_title='#ffffff' custom_content='#ffffff'] [av_testimonial_single src='40' name='Frank Miller' subtitle='CEO' link='#' linktext='Millermedia'] Enrique is awesome to work with. Incredibly talented, easy to communicate with, responsive with next iterations, and beautiful work. Highly recommended! [/av_testimonial_single] [av_testimonial_single src='41' name='Sara Andrews' subtitle='Designer' link='#' linktext='Sandrew Inc.'] We are very pleased with our new brand identity and the way Enrique conducts his business. It has been a great experience working with him and it's already certain that we will hire him again. [/av_testimonial_single] [/av_testimonials] [av_partner columns='6' heading='' size='no scaling' border='av-border-deactivate' type='slider' animation='slide' navigation='no' autoplay='true' interval='3'] [av_partner_logo id='42'][/av_partner_logo] [av_partner_logo id='43'][/av_partner_logo] [av_partner_logo id='44'][/av_partner_logo] [av_partner_logo id='45'][/av_partner_logo] [av_partner_logo id='46'][/av_partner_logo] [av_partner_logo id='47'][/av_partner_logo] [/av_partner] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='services' 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_one_fifth first] [/av_one_fifth][av_three_fifth] [av_heading tag='h3' padding='10' heading='Here is a list of things I can do for you' color='' style='blockquote modern-quote modern-centered' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_three_fifth][av_one_fifth] [/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#4ecac2' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_one_third first] [av_icon_box position='left_content' boxed='av-no-box' icon='ue8c0' font='entypo-fontello' title='Web Design' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Cras dapibus. Vivamus elem nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, port. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box position='left_content' boxed='av-no-box' icon='ue856' font='entypo-fontello' title='Web Development' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nut massa quis enim [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box position='left_content' boxed='av-no-box' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aene ligula eget dolor. [/av_icon_box] [/av_one_third][av_one_third first] [av_icon_box position='left_content' boxed='av-no-box' icon='ue803' font='entypo-fontello' title='SEO Consulting' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box position='left_content' boxed='av-no-box' icon='ue8f3' font='entypo-fontello' title='Social Media' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aeneart. [/av_icon_box] [/av_one_third][av_one_third] [av_icon_box position='left_content' boxed='av-no-box' icon='ue859' font='entypo-fontello' title='E-Commerce' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''] Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Cras dapibus. [/av_icon_box] [/av_one_third] [/av_section] [av_section min_height='75' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='contact' color='main_color' custom_bg='' src='https://kriesi.at/themes/enfold-one-page-portfolio/files/2015/02/laptop.jpg' attachment='48' attachment_size='full' attach='parallax' position='bottom center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='{{AVIA_BASE_URL}}images/background-images/dots-for-dark-background.png' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_heading tag='h3' padding='10' heading='Do you like my work? Want to get in touch? Use the form below!' color='' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/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='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_contact (Email address hidden if logged out) ' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Message' type='textarea' check='is_empty' options='' width='' multi_select=''][/av_contact_field] [/av_contact] [/av_three_fifth][av_one_fifth] [/av_one_fifth][/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='' overlay_pattern='{{AVIA_BASE_URL}}images/background-images/polygon.png' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_heading tag='h3' padding='10' heading='Or follow me on Dribbble, Facebook or Twitter' color='' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_three_fifth][av_one_fifth] [/av_one_fifth][av_one_fifth first] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8f3' font='entypo-fontello' style='border' caption='' link='manually,http://facebook.com' linktarget='' size='40px' position='center' color='#ffffff'][/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8fe' font='entypo-fontello' style='border' caption='' link='manually,http://dribbble.com' linktarget='' size='40px' position='center' color='#ffffff'][/av_font_icon] [/av_one_fifth][av_one_fifth] [av_font_icon icon='ue8f1' font='entypo-fontello' style='border' caption='' link='manually,http://twitter.com' linktarget='' size='40px' position='center' color='#ffffff'][/av_font_icon] [/av_one_fifth][av_one_fifth] [/av_one_fifth] [/av_section]Best regards,
RikardIn reply to: How do I add shop categories on my Home Page?
Thanks Günter, but I don’t think I expressed myself clearly. I don’t want to change my home page. I just want to add a strip in there somewhere that shows the shop categories and don’t know which content shortcode to use to do that.
Right now, if you scroll down my homepage at http://www.DominiqueHurley.com, you’ll see I use icon boxes to direct to my shop. But is there an automated something or other that will input my shop categories?
So what I’m trying to do is have something of my shop on my homepage, but I don’t want to get rid of everything that’s there.
Thanks.
In reply to: Blog Setting Issues
Hi,
Please enable debug mode in order to see builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then you can paste this shortcode to a new page to see how it’s done:
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='' 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_one_full first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='-40px,0px' 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'] [av_feature_image_slider link='category,14,15' items='3' offset='enforce_duplicates' contents='title_read_more' slider_size='2:1' preview_mode='custom' image_size='extra_large' control_layout='av-control-minimal' animation='fade' autoplay='no' interval='5' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.3' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern=''] [/av_one_full] [/av_section] [av_blog blog_type='posts' link='category' blog_style='single-big' columns='3' contents='excerpt' content_length='content' preview_mode='auto' image_size='portfolio' items='1' offset='no_duplicates' paginate='no' conditional='is_subpage'] [av_blog blog_type='posts' link='category' blog_style='blog-grid' columns='2' contents='excerpt' content_length='content' preview_mode='auto' image_size='portfolio' items='6' offset='no_duplicates' paginate='yes']Best regards,
RikardI am using the portfolio grid at the bottom of my portfolio item post to show the next few projects. It works great, except that I want to exclude the currently viewed project. It would work like this: open project 1, scroll to bottom of post, where projects 2, 3, and 4 are showing in the portfolio grid. However, the way it works now, project 1 is also showing in the portfolio grid at the bottom, which is unnecessary, since the user is already on that project post. Is there a way to make it automatically not show the project post that is currently being viewed in the grid? (Site is not live yet, so can’t send a link.)
In reply to: logo to the new hamburger menu
Hi,
1- Please add following code to Quick CSS and adjust as needed
.html_av-overlay-side #top .av-burger-overlay-scroll { background: orange; }2- There is a search icon on your mobile menu :) Should we skip this one?
3- I added following code to Quick CSS@media only screen and (max-width: 989px) { .responsive.html_av-framed-box.html_av-overlay-side .av-burger-overlay-scroll, .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { left: 0; right: auto; } .html_av-overlay-side .av-burger-overlay-scroll { -webkit-transform: translateX(-350px); transform: translateX(-350px); }}Best regards,
YigitHello, i have only mainpage (landing page). Now i would like to create a menu, where i can click e.g. our team and it will automatically scrolling down to our team part… How to create it?
Topic: Learn More Button Code Fix
Hello,
I was wondering if I can use code for the learn more button so that instead of linking it to another page it can automatically scroll down the page when you click it? Is there a way to implement this?Thanks,
Xander HallTopic: Header static logo
Hi enfold team,
i have a i tried to insert a 2nd header logo on the right side and this works perfect – but when i scroll down it moves away – therefore i tried to fix the header – worked not to 100% the “original” left logo changes his size. How i can change it? . img in my css do not work – the right logo are to high. Or which solution do you prefer? Thanks!
div .logo { float: none}
.logo:first-child img { display: none}
.logo img {max-width: 320px}
.logo.first-logo {z-index: 3}
.logo.second-logo {z-index: 2}
.logo.second-logo {width: 100%}
.logo.second-logo a {float: right}
.logo.second-logo a {padding-top: 20px}
.logo.first-logo a, .logo.second-logo a {display: inline-block}@media only screen and (max-width: 768px) {
.logo.second-logo a { float: left }
.responsive #top .logo { height: 88px/*auto*/ }
.responsive #top .logo:first-child { display: none }
}#header_main_alternate { border : medium none; }
.html_header_top.html_bottom_nav_header #header_main{
border: none;}#header_main_alternate {float: right}
#mobile-advanced {
background-image: url(“/wp-content/uploads/2017/06/cropped-PRE_Logo_RGB_150_RZ.png”);
background-position: left top;
background-repeat: no-repeat;
background-size: 10% auto;
padding: 15% 0 !important ;
}/*header fixed*/
#header_main .container, .logo a {
height: 80px !important;
line-height: 88px !important;
max-height: none !important;
}.header_color .main_menu ul:first-child > li > a {
height: 80px !important;
line-height: 88px !important;
}Topic: Header configuration
Dear Support,
I would like to create a header like in the link nr 1.I thought that in case when the logo is too big, it will go out from the header area and overlay everything that is below it … unfortunately that is not the case … the logo is automatically adjusted to the header size … so it is not possible to create a “triangle”.
After scrolling down I would like the logo to fade out and have very simple header like in the link nr 2.
How can I achieve such header? Please do not tell me that it is impossible … I already bought your theme. I was not able to test such functionality because Kriesi does not provide a testing environment. Could you please help me?
I am looking forward for your reply.
Best regards,
MDTopic: Auto scroll when video ends
In reply to: Fullscreen Slider – Enfold 2017 Demo
Hi,
If you enable debug mode in order to see builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then you can paste the following shortcode to the page where you want the slider:
[av_fullscreen size='extra_large' image_attachment='fixed' animation='fade' autoplay='false' interval='5' control_layout='av-control-minimal' scroll_down='aviaTBscroll_down' perma_caption='aviaTBperma_caption'] [av_fullscreen_slide slide_type='image' id='1057' position='center center' video='' mobile_image='' video_cover='' title='THIS IS A FULLSCREEN SLIDER' custom_title_size='55' custom_content_size='' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='manually,#next-section' link_target1='' button_label2='Buy now' button_color2='light' link2='manually,#next-section' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern=''] The slider stretches across the whole screen. You can set multiple fullscreen sliders per page if you want to. [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='480' position='center center' video='' mobile_image='' video_cover='' title='' custom_title_size='55' custom_content_size='' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='manually,#next' link_target1='' button_label2='Buy now' button_color2='light' link2='manually,#' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern=''][/av_fullscreen_slide] [/av_fullscreen] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' 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_element_hidden_in_editor='0'] [av_heading heading='Fullscreen Slider' tag='h1' style='blockquote modern-quote' size='40' subheading_active='' subheading_size='15' padding='15' color='custom-color-heading' custom_font='#000000' admin_preview_bg=''][/av_heading] [av_one_half first 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_textblock size='' font_color='' color='' admin_preview_bg=''] This slider stretches across the whole screen. You can set multiple sliders per page and also set their properties individually. Like, for example, the background image behaviour (parallax anyone?), image color overlays, captions, etc [/av_textblock] [/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_textblock size='' font_color='' color='' admin_preview_bg=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque <strong>penatibus</strong> et magnis dis parturient montes, nascetur <strong>ridiculus</strong> mus. [/av_textblock] [/av_one_half] [/av_section]Best regards,
RikardTopic: Scrolling to section id
Hello,
I would like to use the function where the page can scroll to a certain section ID.
For example: when they click a button in the middle of the page, it automatically ends up at the contact form at the bottom of the page.
I know I have to work with section id’s to get this done, but I can’t find this anywhere. Is it possible to work with section id’s in this theme?Thanks in advance!
Kind regards,
IrisHi,
I have a client who has instructed a third party to add a chat box and window on the Enfold site. The off the peg version works fine and is sticky in the top left hand corner of the site and sits in front of the site with a minimum amount of code popped into the header.php, but is not customisable. When the customisable button is placed in, it sits above the header and creates a valley when scrolling as well as not being sticky. Am I posting the code into the right area or is there an easier way to achieve this?
Site is : http://www.endoline-automation.comMany thanks
J
In reply to: Ajax pop up
See screengrab: http://prntscr.com/fmcooo
Also, is there a way of disabling the arrows from scrolling through each entry within the portfolio grid? At the moment the links on the majority of logos have been deactivated using the following code:
.page-id-3344 .grid-entry .inner-entry {
pointer-events:none !important;
}
.page-id-3344 .post-entry-4552.grid-entry .inner-entry,
.page-id-3344 .post-entry-4583.grid-entry .inner-entry,
.page-id-3344 .post-entry-4575.grid-entry .inner-entry {
pointer-events:auto !important;
}However, when the Ajax pop-up appears you can still view the posts of the deactivated logos. I would like these hidden and just show the posts that have content please. If it is easier to deactivate the arrows completely on the Ajax pop-up then this is fine.
Thanks
Topic: Full size logo not centered
Hello!
I used the following code to get my top logo full size, however, it is not centered when you land on the home page nor when you scroll. Thank you in advance for solution
.html_header_top.html_logo_center .logo { left: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }website is here
In reply to: STATIC PAGE
Hello John,
How can I achieve auto scroll to the target ID using “#” but not single page site?
Sample: http://kriesi.at/themes/enfold-creative-studio/#workLike you’re viewing the home page, and you will click a link that will redirect you to different page and auto scroll to the specific ID using “#”.
Best regards,
CJTopic: Theme Settings
Hi there,
Had a huge accident (client let their domain name expire) so I’m starting their site on a new domain temporarily from a backup but sadly the theme options have vanished after migrating which I know always happens but I don’t have access to the old site obviously with the domain expiring so is there a way of converting the below code into an Enfold-theme-settings.txt file?
a:1:{s:4:”avia”;a:159:{s:9:”frontpage”;s:4:”1019″;s:9:”undefined”;s:25:”menu_display::burger_menu”;s:8:”blogpage”;s:2:”19″;s:4:”logo”;s:69:”http://wolfscastle.com/wp-content/uploads/2016/06/WolfscastleLogo.png”;s:7:”favicon”;s:69:”http://wolfscastle.com/wp-content/uploads/2016/07/wolfscastle-fav.png”;s:9:”preloader”;s:8:”disabled”;s:21:”preloader_transitions”;s:21:”preloader_transitions”;s:14:”preloader_logo”;s:0:””;s:15:”lightbox_active”;s:15:”lightbox_active”;s:8:”lock_alb”;s:8:”disabled”;s:19:”lock_alb_for_admins”;s:8:”disabled”;s:6:”markup”;s:0:””;s:16:”color-body_style”;s:9:”stretched”;s:17:”color-frame_width”;s:2:”15″;s:15:”header_position”;s:10:”header_top”;s:20:”layout_align_content”;s:20:”content_align_center”;s:18:”sidebarmenu_sticky”;s:18:”conditional_sticky”;s:19:”sidebarmenu_widgets”;s:0:””;s:18:”sidebarmenu_social”;s:8:”disabled”;s:17:”responsive_active”;s:17:”responsive_active”;s:15:”responsive_size”;s:6:”1310px”;s:13:”content_width”;s:2:”73″;s:14:”combined_width”;s:2:”80″;s:12:”color_scheme”;s:4:”Blue”;s:24:”colorset-header_color-bg”;s:7:”#ffffff”;s:25:”colorset-header_color-bg2″;s:7:”#ffffff”;s:29:”colorset-header_color-primary”;s:7:”#58595b”;s:31:”colorset-header_color-secondary”;s:7:”#58595b”;s:27:”colorset-header_color-color”;s:7:”#9d9251″;s:26:”colorset-header_color-meta”;s:7:”#58595b”;s:29:”colorset-header_color-heading”;s:7:”#58595b”;s:28:”colorset-header_color-border”;s:11:”transparent”;s:25:”colorset-header_color-img”;s:0:””;s:33:”colorset-header_color-customimage”;s:0:””;s:25:”colorset-header_color-pos”;s:8:”top left”;s:28:”colorset-header_color-repeat”;s:9:”no-repeat”;s:28:”colorset-header_color-attach”;s:6:”scroll”;s:22:”colorset-main_color-bg”;s:7:”#ffffff”;s:23:”colorset-main_color-bg2″;s:7:”#f8f6f2″;s:27:”colorset-main_color-primary”;s:7:”#58595b”;s:29:”colorset-main_color-secondary”;s:7:”#9c9c9c”;s:25:”colorset-main_color-color”;s:7:”#58595b”;s:24:”colorset-main_color-meta”;s:7:”#58595b”;s:27:”colorset-main_color-heading”;s:7:”#58595b”;s:26:”colorset-main_color-border”;s:11:”transparent”;s:23:”colorset-main_color-img”;s:0:””;s:31:”colorset-main_color-customimage”;s:0:””;s:23:”colorset-main_color-pos”;s:8:”top left”;s:26:”colorset-main_color-repeat”;s:9:”no-repeat”;s:26:”colorset-main_color-attach”;s:6:”scroll”;s:27:”colorset-alternate_color-bg”;s:7:”#ffffff”;s:28:”colorset-alternate_color-bg2″;s:7:”#ebebeb”;s:32:”colorset-alternate_color-primary”;s:7:”#ffffff”;s:34:”colorset-alternate_color-secondary”;s:7:”#ffffff”;s:30:”colorset-alternate_color-color”;s:7:”#58595b”;s:29:”colorset-alternate_color-meta”;s:7:”#58595b”;s:32:”colorset-alternate_color-heading”;s:7:”#58595b”;s:31:”colorset-alternate_color-border”;s:7:”#ebebeb”;s:28:”colorset-alternate_color-img”;s:0:””;s:36:”colorset-alternate_color-customimage”;s:0:””;s:28:”colorset-alternate_color-pos”;s:8:”top left”;s:31:”colorset-alternate_color-repeat”;s:9:”no-repeat”;s:31:”colorset-alternate_color-attach”;s:6:”scroll”;s:24:”colorset-footer_color-bg”;s:7:”#838744″;s:25:”colorset-footer_color-bg2″;s:7:”#838744″;s:29:”colorset-footer_color-primary”;s:7:”#ffffff”;s:31:”colorset-footer_color-secondary”;s:7:”#ffffff”;s:27:”colorset-footer_color-color”;s:7:”#ffffff”;s:26:”colorset-footer_color-meta”;s:7:”#ffffff”;s:29:”colorset-footer_color-heading”;s:7:”#ffffff”;s:28:”colorset-footer_color-border”;s:11:”transparent”;s:25:”colorset-footer_color-img”;s:0:””;s:33:”colorset-footer_color-customimage”;s:0:””;s:25:”colorset-footer_color-pos”;s:8:”top left”;s:28:”colorset-footer_color-repeat”;s:9:”no-repeat”;s:28:”colorset-footer_color-attach”;s:6:”scroll”;s:24:”colorset-socket_color-bg”;s:7:”#e2e2e2″;s:25:”colorset-socket_color-bg2″;s:7:”#342f29″;s:29:”colorset-socket_color-primary”;s:7:”#5b5b5b”;s:31:”colorset-socket_color-secondary”;s:7:”#5b5b5b”;s:27:”colorset-socket_color-color”;s:7:”#5b5b5b”;s:26:”colorset-socket_color-meta”;s:7:”#5b5b5b”;s:29:”colorset-socket_color-heading”;s:7:”#5b5b5b”;s:28:”colorset-socket_color-border”;s:7:”#e2e2e2″;s:25:”colorset-socket_color-img”;s:0:””;s:33:”colorset-socket_color-customimage”;s:0:””;s:25:”colorset-socket_color-pos”;s:8:”top left”;s:28:”colorset-socket_color-repeat”;s:9:”no-repeat”;s:28:”colorset-socket_color-attach”;s:6:”scroll”;s:16:”color-body_color”;s:7:”#eeeeee”;s:14:”color-body_img”;s:0:””;s:22:”color-body_customimage”;s:0:””;s:14:”color-body_pos”;s:8:”top left”;s:17:”color-body_repeat”;s:9:”no-repeat”;s:17:”color-body_attach”;s:6:”scroll”;s:14:”google_webfont”;s:5:”Alice”;s:12:”default_font”;s:5:”Cardo”;s:23:”color-default_font_size”;s:4:”16px”;s:9:”quick_css”;s:7082:”/* ROOMS STYLING */
#av_section_2 > div > div > div > div > div.flex_column.av_one_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-10.el_after_av_one_fourth.el_before_av_one_fourth {
margin-top:30px !important;
}
#av_section_2 > div > div > div > div > div.flex_column.av_one_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-12.el_after_av_one_fourth.el_before_av_one_fourth {
margin-top:30px !important;
}
#av_section_2 > div > div > div > div > div.flex_column.av_one_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-18.el_after_av_one_fourth.el_before_av_one_fourth.column-top-margin {
margin-top:30px !important;
}
#av_section_2 > div > div > div > div > div.flex_column.av_one_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-20.el_after_av_one_fourth.el_before_av_one_half.column-top-margin {
margin-top:30px !important;
}/* SECONDARY MENU FONT SIZE */
#avia2-menu {
font-size: 14px;
}/* HIDE "TEL:…" FROM HEADER */
#header_meta > div > nav > span {
display:none;
}/* SLIDER THEME COLOR BUTTON COLOR */
#top .main_color .avia-color-theme-color {
color: #ffffff;
border-color: #9d9251;
background-color: #9d9251;
}/* CAPTION POSITIONING */
.avia_transform .av_slideshow_full .active-slide .avia-caption-content, .avia_transform .av_fullscreen .active-slide .avia-caption-content {
margin-top: -32px;
}@media screen and (max-width: 768px) {
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 200px !important;
}
}@media screen and (max-width: 768px) {
#fullscreen_slider_0 > div > ul > li.slide-1 {
background-position: center center;
height: 200px;
}
}
@media screen and (max-width: 768px) {
#fullscreen_slider_0 > div > ul > li.slide-2 {
background-position: center center;
height: 200px;
}
}
@media screen and (max-width: 768px) {
#fullscreen_slider_0 > div > ul > li.slide-3 {
background-position: center center;
height: 200px;
}
}
@media screen and (max-width: 768px) {
#fullscreen_slider_0 > div > ul > li.slide-4 {
background-position: center center;
height: 200px;
}
}.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
background: rgba(157,146,81, 1) !important;
}/* "FOUR STAR LUXURY…" ITALIC */
#av_section_1 > div > div > div > div > div > div.av-special-heading.av-special-heading-h1.custom-color-heading.blockquote.modern-quote.modern-centered.avia-builder-el-3.el_before_av_hr.avia-builder-el-first.av-inherit-size > h1 {
font-style:italic;
}/* MARGIN ABOVE TEL AND EMAIL */
#header_meta > div > div > span {
margin-bottom:20px;
}#footer {
border-top: #9d9251 30px solid;
}.avia-button {
font-size: 12px !important;
}#header_main > div > div > nav {
margin-top:20px;
}.phone-info {
font-size:16px;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-weight: 100 !important;
}.main_menu {
text-transform: uppercase;
}#search-bar {
width: 100%;
min-height: 50px;
margin-top: 173px;
background: #9d9251;
}.avia-menu-fx {
display:none;
}.logo{
margin: 0 auto !important;
height:75%;
}
#top .header_color.av_header_transparency .avia-menu-fx {
display:none;
}.avia-menu-text {
font-size: 12.5px;
letter-spacing: 1.5px;
}.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
height:45px!important;
}.avia-caption-content p {
max-width:700px;
margin:0 auto;
}h2.avia-caption-title {
margin-bottom:35px!important;
}#top .av_header_glassy.av_header_transparency #header_main {
background: rgba(0,0,0,0.35)!important;
}#top .scroll-down-link {
font-size:150px!important;
}.avia-section.av-minimum-height .container .content {
vertical-align:top;
}#home-c2a {
border-top:3px solid #ab933d!important;
}#home-c2a .container, #about-pembs .container {
padding:0px!important;
}#home-c2a div .av_one_fifth {
margin-left: 0%!important;
width: 20%!important;
}#home-c2a div .av_one_fourth {
margin-left: 0%!important;
width: 25%!important;
}#home-c2a .responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div, .responsive .avia-content-slider-inner .av_one_fourth.first.flex_column_div, #home-c2a .responsive .av_one_half.first + .av_one_fourth.flex_column_div, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div, #home-c2a .column-top-margin {
clear:none!important;
margin-top:0px!important;
}.av-image-caption-overlay-center p {
background-color:#ab933d;
position: absolute;
bottom: 0;
left: 0;
padding: 10px 20px;
font-size:21px!important;
}@media screen and (max-width: 768px) {
#home-c2a {
display:none;
}}
.entry-content p, #main-copy p {
text-align:justify;
font-size:16px;
color:#323232;
}#about-pembs-header h2 {
line-height:100px;
}.av-catalogue-content {
font-size:16px;
}.center-text p {
text-align:center!important;
font-size:16px!important;
color#323232!important;
}/* SPECIAL EVENTS SIDEBAR STYLE */
.page-id-559 #search-2 {
display:none;
}.page-id-559 #main > div.main_color.container_wrap_first.container_wrap.sidebar_right > div > aside {
background-color: #dadada;
}.page-id-559 #newsbox-2 {
display:none;
}.page-id-559 #tribe-events-list-widget-2 > h3 {
margin-bottom:30px;
}.page-id-559 .content, .sidebar {
padding-top: 40px;
padding-bottom: 0px;
}.page-id-559 .sidebar .widget:first-child, .content .sidebar .widget:first-child {
padding-right: 30px;
}.page-id-559 #tribe-events-list-widget-2 > ol {
margin-left:2px;
}.page-id-559 #main > div.main_color.container_wrap_first.container_wrap.sidebar_right > div {
margin-top: 30px;
margin-bottom: 30px;
}”;s:16:”advanced_styling”;a:6:{i:0;a:10:{s:2:”id”;s:13:”hover_overlay”;s:13:”overlay_style”;s:4:”hide”;s:5:”color”;s:0:””;s:10:”icon_color”;s:0:””;s:16:”background_color”;s:0:””;s:12:”header_color”;s:4:”true”;s:10:”main_color”;s:4:”true”;s:15:”alternate_color”;s:4:”true”;s:12:”footer_color”;s:4:”true”;s:12:”socket_color”;s:4:”true”;}i:1;a:11:{s:2:”id”;s:12:”headings_all”;s:5:”color”;s:0:””;s:16:”background_color”;s:0:””;s:11:”font_family”;s:0:””;s:11:”font_weight”;s:0:””;s:14:”text_transform”;s:4:”none”;s:12:”header_color”;s:8:”disabled”;s:10:”main_color”;s:4:”true”;s:15:”alternate_color”;s:8:”disabled”;s:12:”footer_color”;s:8:”disabled”;s:12:”socket_color”;s:8:”disabled”;}i:2;a:7:{s:2:”id”;s:18:”main_menu_dropdown”;s:5:”color”;s:7:”#ffffff”;s:16:”background_color”;s:7:”#000000″;s:12:”border_color”;s:0:””;s:9:”font_size”;s:0:””;s:11:”line_height”;s:0:””;s:12:”hover_active”;s:4:”true”;}i:3;a:7:{s:2:”id”;s:18:”main_menu_dropdown”;s:5:”color”;s:7:”#000000″;s:16:”background_color”;s:7:”#ffffff”;s:12:”border_color”;s:0:””;s:9:”font_size”;s:0:””;s:11:”line_height”;s:0:””;s:12:”hover_active”;s:8:”disabled”;}i:4;a:5:{s:2:”id”;s:7:”top_bar”;s:5:”color”;s:7:”#666666″;s:16:”background_color”;s:7:”#ffffff”;s:12:”border_color”;s:0:””;s:11:”font_family”;s:0:””;}i:5;a:11:{s:2:”id”;s:12:”headings_all”;s:5:”color”;s:7:”#ffffff”;s:16:”background_color”;s:0:””;s:11:”font_family”;s:0:””;s:11:”font_weight”;s:0:””;s:14:”text_transform”;s:0:””;s:12:”header_color”;s:8:”disabled”;s:10:”main_color”;s:8:”disabled”;s:15:”alternate_color”;s:4:”true”;s:12:”footer_color”;s:8:”disabled”;s:12:”socket_color”;s:8:”disabled”;}}s:13:”header_layout”;s:36:”logo_left main_nav_header menu_right”;s:11:”header_size”;s:6:”custom”;s:18:”header_custom_size”;s:3:”120″;s:12:”menu_display”;s:0:””;s:18:”header_menu_border”;s:22:”seperator_small_border”;s:12:”header_style”;s:0:””;s:16:”header_title_bar”;s:16:”hidden_title_bar”;s:13:”header_sticky”;s:13:”header_sticky”;s:16:”header_shrinking”;s:8:”disabled”;s:18:”header_unstick_top”;s:8:”disabled”;s:14:”header_stretch”;s:8:”disabled”;s:17:”header_searchicon”;s:17:”header_searchicon”;s:13:”header_social”;s:0:””;s:21:”header_secondary_menu”;s:35:”secondary_right extra_header_active”;s:19:”header_phone_active”;s:37:”phone_active_left extra_header_active”;s:5:”phone”;s:40:”Tel: 01437 741225 | (Email address hidden if logged out) “;s:23:”header_replacement_logo”;s:82:”http://wolfscastle.com/wp-content/uploads/2015/09/Wolfscastle-Web-White-Shadow.png”;s:23:”header_replacement_menu”;s:7:”#ffffff”;s:24:”header_mobile_activation”;s:18:”mobile_menu_tablet”;s:22:”header_mobile_behavior”;s:22:”header_mobile_behavior”;s:14:”archive_layout”;s:8:”fullsize”;s:11:”blog_layout”;s:8:”fullsize”;s:13:”single_layout”;s:8:”fullsize”;s:11:”page_layout”;s:8:”fullsize”;s:19:”smartphones_sidebar”;s:8:”disabled”;s:16:”page_nesting_nav”;s:8:”disabled”;s:15:”sidebar_styling”;s:0:””;s:22:”display_widgets_socket”;s:3:”all”;s:14:”footer_columns”;s:1:”3″;s:9:”copyright”;s:52:”© Copyright – Wolfscastle Country Hotel[nolink]”;s:13:”footer_social”;s:13:”footer_social”;s:17:”blog_global_style”;s:0:””;s:10:”blog_style”;s:6:”custom”;s:17:”single_post_style”;s:10:”single-big”;s:27:”single_post_related_entries”;s:24:”av-related-style-tooltip”;s:16:”blog-meta-author”;s:16:”blog-meta-author”;s:18:”blog-meta-comments”;s:18:”blog-meta-comments”;s:18:”blog-meta-category”;s:18:”blog-meta-category”;s:14:”blog-meta-date”;s:14:”blog-meta-date”;s:19:”blog-meta-html-info”;s:19:”blog-meta-html-info”;s:13:”blog-meta-tag”;s:13:”blog-meta-tag”;s:14:”share_facebook”;s:14:”share_facebook”;s:13:”share_twitter”;s:13:”share_twitter”;s:15:”share_pinterest”;s:15:”share_pinterest”;s:11:”share_gplus”;s:11:”share_gplus”;s:12:”share_reddit”;s:12:”share_reddit”;s:14:”share_linkedin”;s:14:”share_linkedin”;s:12:”share_tumblr”;s:12:”share_tumblr”;s:8:”share_vk”;s:8:”share_vk”;s:10:”share_mail”;s:10:”share_mail”;s:12:”social_icons”;a:4:{i:0;a:2:{s:11:”social_icon”;s:8:”facebook”;s:16:”social_icon_link”;s:100:”https://www.facebook.com/Wolfscastle-Country-Hotel-Allt-yr-Afon-Restaurant-174347119254597/timeline/”;}i:1;a:2:{s:11:”social_icon”;s:7:”twitter”;s:16:”social_icon_link”;s:35:”https://twitter.com/staywolfscastle”;}i:2;a:2:{s:11:”social_icon”;s:8:”linkedin”;s:16:”social_icon_link”;s:58:”https://www.linkedin.com/company/wolfscastle-country-hotel”;}i:3;a:2:{s:11:”social_icon”;s:6:”flickr”;s:16:”social_icon_link”;s:42:”https://www.flickr.com/photos/wolfscastle/”;}}s:13:”mailchimp_api”;s:0:””;s:9:”analytics”;s:0:””;s:8:”gmap_api”;s:0:””;s:17:”avia-nonce-import”;s:10:”1c810ad73d”;s:18:”config_file_upload”;s:0:””;s:15:”iconfont_upload”;s:0:””;s:16:”updates_username”;s:0:””;s:15:”updates_api_key”;s:0:””;}}Cheers,
MattIn reply to: Mobile menu not showing completely on homepage
Hi,
I`ve checked your site on my iPhone and the problem was solved adding this custom CSS code:
#wrap_all { height: auto !important; overflow: scroll !important; }Best regards,
John TorvikIn reply to: Move Back to Top Arrow
Hey alliancepp,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#scroll-top-link { right: auto; left: 50px; }Hope this helps :)
Best regards,
NikkoI’ve added two input fields for a custom search function to my page. The first field is an autocomplete plugin, the second one a calendar. Both plugins do create a div with ‘position:absolute’ on the fly.
Now I have z-index problems in two situations and increasing the z-index of these plugin wrappers doesn’t help:
1. First I added a “color section” using the “Avia Layout Architect” and inserted both input fields to it. Below the color section there are many 1/3 boxes containing simple text boxes and buttons simulating the search output. When I click on the input fields, it looks like this:
I’ve tracked down the problem to the CSS ‘unit’ class:
.unit, .units { float: left; display: inline; margin-left: 50px; position: relative; z-index: 1; min-height: 1px; }When I remove the ‘position: relative’ my problem is solved, but I think this will cause problems somewhere else. Is there another solution for this?
2. Situation:
I want to have those two input boxes at the front page on top of the slider, so I’ve added it to the text caption of an aria slider image, but the text caption box has some overflow scroll logic and my position:absolute boxes are truncated:
Is there a way to open up something, that is bigger than the slider caption box and lays above all other content?
Thanks!
Hi,
I have a consistent problem with Enfold’s mobile site.
The landscape images within color sections are resized and cropped automatically.
I don’t want this to happen.I tried the following for example:
I apply the Section ID home-slider-image to the color section.
Then I added this CSS and experimented with the numbers.
@media only screen and (max-width: 767px) { #home-slider-image .av-parallax-inner.main_color.avia-full-stretch { position: relative; top: -200px; background-size: contain !important; }} /*home slider image + uncrop width*/ @media only screen and (max-width: 480px) { #home-slider-image { background-position: 50% 0%!important; background-attachment: scroll!important; }}The above I am sure is incorrect.
It leaves a huge white space under the photo AND it does not keep the top of the image flush against the mobile header on all devices (e.g. iPhone 6 vs iPhone 7 Plus).
See screenshot.What is the simplest formula for keeping the photos the same dimensions / full frame on the mobile site?
Is there one standard CSS which tells the mobile site “Don’t change any of my photos ever”?
I would like to know the CSS to change these images individually on the mobile site.
and
I’d like to know the CSS to change all of the images, mobile site wide if possible.Thank you,
Jas
Hi,
i use “post slider” on one of my pages. I’ve set the rotation on automatic. When i look at it from a mobile device all the page keeps moving up and down every time the slider moves. That because titles and excerpt of my article are not equally long. so sometimes the “post slider” element is shorter (and the page goes up) and sometimes it becomes longer (and the page scroll down). That very noising when you are reading something at the bottom. can you please tell me how to block this. (it would be ok even if i have a blank space when the post slider is “shorter”).Thanks
Best Regards
In reply to: Tab Sektion 2017
.iconbox .entry-content-header h3 { font-size: 15px !important; }
#top .iconbox_content p{ font-size: 12px; !important;}
.custom-class span.av-seperator-icon { font-size: 94px; !important; }span.av-seperator-icon { font-size: 26px; }
#top .aviaccordion-preview-title-wrap { background: rgba(0,0,0,0); } #top .aviaccordion-title { font-size: 46px; line-height: 1.8em;
font-family: ‘Sacramento’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-weight: lighter;
text-transform: none; }
#top .aviaccordion-preview-title-wrap, #top .aviaccordion-preview-title-pos { height: auto!important; }.page-id-230 .av_promobox { background-color: rgba(255, 255, 255, 0); border: none; transparent!important; }
.required { color: #f07b2d !important; }
.avia-testimonial-content p { font-size:90% !important; }
.tabcontainer .tab_icon { color: #927a43 !important; }
.tabcontainer .tab_icon { font-size: 18px !important; }.avia-datepicker-div.ui-datepicker { z-index: 1000 !important; }
/*Menu und sekunder menu*/
.logo img {
width: 360px !important;
}
.logo img { margin-top: -0px; }
.header-scrolled .logo img { margin-top: 0; }
#top ul:first-child > li > a:hover {
color: #ff7337;
}
#top ul:first-child > li > a {
color: #d6bd8a;
}
.sub_menu li.current-menu-item > a,.sub_menu a:hover {
color: #ff7337!important;
}/*promo box button*/
.page-id-200 .avia-button.avia-size-small {color: #d6bd8a!important;
}.avia-button.avia-size-small {
font-size: 15px!important;
}.avia-button.avia-size-small, .avia-button.avia-size-medium, .avia-button.avia-size-large {
color: #fff!important;
border-color: #d6bd8a!important;
background-color: transparent;
border: 3px solid;
}
.avia-button.avia-size-small:hover, .avia-button.avia-size-medium:hover, .avia-button.avia-size-large:hover {
color: white!important;
border-color: #d6bd8a!important;
background-color: #ff7337;
border: 3px solid;
}.ls-slide.ls-animating {
width: 1346px !important;
}.phone-info.with_nav {
font-size: 13px;
color: #ff7337 !important;
}avia-fullwidth-slider { border-top-style: none; } @media only screen and (max-width: 480px) { .title_container { display: none; }}
#top .title_container .main-title a { display: none; !important;} .title_container .breadcrumb { font-size: 12px; }.title_container .breadcrumb { left: 6px; top: 14%; }
.title_container { height: 22px; }
span.breadcrumb-title { display: none; }
.title_container, .title-container { background: #d6bd8a !important; }
#main .breadcrumb,
#main .breadcrumb a {
color: #f2f3f5 !important;
}Hey aseque,
Please enable debug mode to be able to see the builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then you can paste this shortcode to a new page:
[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_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_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_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_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_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_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_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_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_two_third' multi_select=''][/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_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_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_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=''] 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_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=''] 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_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=''] 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_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_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_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_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=''] 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_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=''] 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_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=''] 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_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_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_testimonials style='slider_large' columns='2' interval='10' font_color='' custom_title='' custom_content=''] [av_testimonial_single src='168' name='Maci Mulsta' subtitle='CEO' link='#' linktext='Supra Media'] 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'] 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_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_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_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_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_table purpose='pricing' pricing_table_design='avia_pricing_minimal' pricing_hidden_cells='' caption='' responsive_styling='avia_responsive_table'] [av_row row_style='avia-heading-row'][av_cell col_style='']Basic Package[/av_cell][av_cell col_style='']Full Package[/av_cell][/av_row] [av_row row_style='avia-pricing-row'][av_cell col_style='']12$<small>per month</small>[/av_cell][av_cell col_style='']24$<small>per month</small>[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']1 shipment each week[/av_cell][av_cell col_style='']2 shipments each week[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']1 drink included[/av_cell][av_cell col_style='']5 drinks included[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']no support[/av_cell][av_cell col_style='']free support[/av_cell][/av_row] [av_row row_style='avia-button-row'][av_cell col_style=''][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_cell][av_cell col_style=''][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_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_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_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_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_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_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_heading] [av_textblock size='14' font_color='' color=''] 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_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_heading] [av_textblock size='14' font_color='' color=''] 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_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_heading] [av_textblock size='14' font_color='' color=''] 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_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_heading] [av_textblock size='14' font_color='' color=''] 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'] And get access to our early beta! [/av_button_big]Best regards,
RikardTopic: lightbox auto scroll
Hi. Do you think it’s possible to have automatic scroll of the images in lightbox gallery? -> http://www.mfm.it/demo/events/il-giro-del-mondo-attraverso-gli-scatti-firmati-pino-settanni/
I have a custom jQuery div inside of the team member description element which pop’s up once the corresponding button is clicked.
However, when the screen size is reduced the content does not overflow, and the scrollbar doesn’t work.
Here is the function:
//add pop-up window to team members
function inline_popup_enabler(){
?>
<script>
(function($){
$(window).load(function() {
$(‘.inline_popup’).magnificPopup({
type:’inline’,
midClick: true
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘inline_popup_enabler’);Here are the styles:
.mfp-container .hidden {
font-size: 18px;
position: fixed;
top: 5%;
border-top: 20px solid #00afb9;
border-bottom: 5px solid #00afb9;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
visibility: visible;
width: 95%;
margin: 0 auto !important;
background: #FFFFFF;
color: #181818;
padding: 25px;
overflow-y: scroll !important;
}Hi,
Try this code in the General Styling > Quick CSS field:/*remove padding from bottom of logo */ .html_header_sidebar .logo { position: relative; padding: 40px 40px 0 40px!important; } /*remove padding from top & bottom for menu */ .html_header_sidebar #header .av-main-nav { padding: 0!important; } /* make sidebar scroll */ .html_header_left #top #header { overflow: auto!important; }Best regards,
MikeIn reply to: how to set blog as in your demo page
Hey maxdes,
If you enable debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, you can then paste this shortcode to a new page to import the page you linked to:
[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/banner-news-alt.jpg' attachment='1057' 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_heading heading='Latest News<br/>Everything thats going on at Enfold is collected here' 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_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_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)'] <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_blog blog_type='posts' link='category' blog_style='single-big' columns='3' contents='excerpt' content_length='excerpt_read_more' preview_mode='auto' image_size='portfolio' items='6' offset='0' paginate='yes' conditional='']Best regards,
Rikard
