-
Search Results
-
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,
RikardTopic: Anchor Issue
Hi Team,
I’m having an anchor issue.
I have made several anchors on my landing page which works fine if i’m on the original page, but as soon as I go to another page and click the anchor links in my header they auto scroll back to the top of the page.See the gif below, the example is of the Profit anchor.
Thanks
What I would like to is have a button on the front page for instance “testimonials”. And when you click on that button it takes you to the about page but then it automatically scrolls down to the page section where the testimonials are located on the about page. I think it’s referred to as linking to a page section. I can’t seem to find a way to do that.
Thanks
JamesHi Yigit,
thank you very much for supporting.
It works (green arrow)! :-)
But now, there is another issue:
The Background of the text beneath the photo (red arrow) is transparent. :-(Se new picture: https://drive.google.com/file/d/0B2VhXxb9MRC8YTcxVERISmZfbjQ/view
The text beneath the photo, I realized with:
.av-image-caption-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
bottom: -40px !important;
color: black !important;
height: auto !important;
left: 50% !important;
transform: translate(-50%) !important;
width: auto !important;
}Maybe, it could also be done with a Text Block or a special Headline (this, I used first, but were unable to set it to half-transparent)
How can I solve this?
KR – Marc
Hi Andy,
I was actually able to pretty easily find the code to add to my custom css. For anyone else looking to increase the size at which enfold switches to enfold, you’ll need to search/replace all the media queries in your css at 767px to your required pixels. After that, you just need to copy this code below and change the media queries to your need, just do a search and replace for “1024”.
/* == 1024 tablet view fix == */ @media only screen and (max-width: 1024px) { /*blog*/ .responsive .template-archives .tab_inner_content li{width:98%;} .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {display:none; } .responsive #top #main .sidebar.smartphones_sidebar_active{display:block;text-align: left; border-left: none; border-right: none; border-top-style: dashed; border-top-width: 1px; width: 100%; clear: both;} .responsive #top #main .sidebar.smartphones_sidebar_active .inner_sidebar{margin:0;} .responsive .content .entry-content-wrapper{padding:0;} .responsive .content{border:none;} .responsive .template-blog .post_delimiter { margin: 0 0 30px 0; padding: 30px 0 0 0; } .responsive .big-preview{padding: 0 0 10px 0;} .responsive .related_posts{padding:20px 0;} .responsive .comment_content{padding-right:0; padding-left:0;} .responsive .fullsize div .template-blog .entry-content-wrapper{text-align: left; font-size:14px; line-height: 24px;} .responsive #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; } .responsive #top .avia-post-nav { display: none; } .responsive #top .av-related-style-full .no_margin.av_one_half.relThumb{display: block; width:100%; clear:both;} /*all templates*/ .responsive .title_container .breadcrumb{position: relative;right:auto; top:-6px; margin:0; left:-2px;} .responsive .pagination{padding-left: 0; padding-right: 0;} .responsive #header .main_menu .social_bookmarks{display:none;} .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet{display:none !important;} /*header*/ .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1} .responsive #top .av_header_transparency .logo img.alternate{display:none;} .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;} .responsive #top #main {padding-top:0 !important; margin:0;} .responsive #top #main .container_wrap:first-child{ border-top:none; } .responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; } .responsive .phone-info{float:none; width:100%; clear:both; text-align: center;} .responsive .phone-info span{margin:0;padding:0; border:none;} .responsive.html_header_top #header_main .social_bookmarks , .responsive.html_top_nav_header #top .social_bookmarks { right: 50px; width:auto; margin-top:-16px; } .responsive #header_main .inner-container, .responsive .main_menu{position: static;} .responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; } .responsive .logo a{display:table-cell; vertical-align: middle;} .responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block; max-height: 80px;} .responsive #header_main .container{height:auto !important; } .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); } .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;} .responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;} .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;} .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width: 1px;} .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;} .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;} .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;} .responsive #header .social_bookmarks li{float:none; display: inline-block;} .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;} .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;} .responsive .logo img{margin:0;} .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;} .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;} .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;} .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;} .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, .responsive #top .av_header_transparency #header_main_alternate, .responsive .av_header_transparency #header_main .social_bookmarks li a, .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span, .responsive #top .av_header_transparency #header_meta, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;} .responsive.html_top_nav_header .av-logo-container{height:auto;} .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;} /*related images*/ .responsive #top .related_entries_container .av_one_eighth{width:25%;} .responsive #top .relThumb5{clear:both;} .responsive.html_header_transparency #top .avia-builder-el-0 .container{padding-top:0px;} .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area{display:none;} .responsive.html_header_sidebar #main{ border: none; } /*tabs*/ .responsive.js_active #top .avia_combo_widget .top_tab .tab{ border-top: 1px solid; border-bottom:none; width: 100%; } .responsive.js_active #top .avia_combo_widget .news-wrap li{padding:5px;} /*widgets*/ .tagcloud a{ padding:8px 20px; margin:0 8px 8px 0; } .widget li{line-height: 1.8em; font-size: 15px;} /*footer*/ .responsive #scroll-top-link{display: none;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/ .responsive #socket .sub_menu_socket{ display: block; float: none; width: 100%; clear: both; margin: 0 0 0 -15px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 1024px) { /*portfolio*/ .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1{width:100%;} .responsive #top #wrap_all .grid-sort-container .grid-entry{ width:50%; margin-bottom: 0;} .responsive #top #wrap_all .portfolio-parity-odd{ clear:both; } } @media only screen and (max-width: 1024px) { .main_menu .avia-menu, #header_main_alternate, .fallback_menu{display:none;} .container #advanced_menu_toggle, #advanced_menu_hide{display:block;} .responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:auto;} } /* == End 1024 tablet view fix == */In reply to: Problems with mobile header
Wow thank you Yigit! It worked!
Strangely there is another bug: when I click on the menu, it automatically scrolls to the top of the page (in mobile, again).
Thank you <3
In reply to: Googlemap Pan Control not working
thanks.
going forward how can we disable the initial map drag on mobile, but still allow for panning and zooming?
Will be really hard to have maps at the tops of pages using Enfold unless dragging is initially locked but panning/zooming can still be enabled.It looks like maps embedded directly from google are automatically locked on mobile until you press on them to active.
Here is an example of a site of mine where I am using the standard Google embed code http://www.bigboytravel.com/europe/austria/salzburg/topdaytrips/
You can scroll past it or you can press to “unlock” the map.Disable Map Dragging
Check to disable the users ability to drag the map on mobile devices. This ensures that the user can scroll down the page, even if the map fills the whole viewpoint of the mobile deviceI’m trying to inject this shortcode (from debug mode) into posts externally after I upload a video so I can automate my YouTube > WordPress publishing. The problem is that it injects the shortcode into the main content body of the post and the “advanced layout editor” is not enabled. So it ends up posting the shortcode within the standard blog template.
I think if I could enable the Advanced Layout Editor by default when a post is published then it would fix my problem. Is it possible to do this?
Here’s a sample of how it looks (and doesn’t work)
http://www.craigthetechteacher.com/video-the-lenze-smv-vfd-single-to-three-phase-converter-for-ac-motors/Here’s a sample when the advanced layout editor is enabled
http://www.craigthetechteacher.com/video-the-lenze-smv-vfd-single-to-three-phase-converter-for-ac-motors-2/[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' scroll_down='' id='' color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''] [av_textblock size='' font_color='' color='' admin_preview_bg=''] <h1 style="text-align: center;">Disable CPU Core Parking For Multi-Core Processors</h1> [/av_textblock] [av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_sidebar widget_area='Ad - Video Page (Above Description)'] [av_three_fifth 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_video src='http://www.youtube.com/embed/pl3u9eiskM4' format='16-9' width='16' height='9'] [av_sidebar widget_area='Ad - Video Page (Below Video)'] [/av_three_fifth][av_two_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px,0px,0px,0px' 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_sidebar widget_area='Ad - Video Page (Right Side - Single Ad)'] [av_hr class='invisible' height='5' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_sidebar widget_area='YouTube Subscribe Box'] [av_hr class='invisible' height='5' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_social_share title='Share This Lesson:' style='minimal' buttons=''] [/av_two_fifth][av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_textblock size='' font_color='' color=''] <h5>Short Description:</h5> [/av_textblock] [av_textblock size='' font_color='' color='' admin_preview_bg=''] For those of you who are using laptops with Windows 7 or Vista installed, you may be disappointed to find out the dual, quad or octal core processor you invested in isn't actually using all of the cores. [/av_textblock] [av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_textblock size='' font_color='' color=''] <h5>Related:</h5> [/av_textblock] [av_hr class='invisible' height='10' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_sidebar widget_area='Ad - Video Page (Matched Content)'] [av_social_share title='HELP SUPPORT THIS CONTENT BY SHARING TO YOUR FAVORITE SOCIAL NETWORK:' style='minimal' buttons=''] [av_hr class='invisible' height='30' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_comments_list] [/av_section]Hey aenarios,
Please enable debug mode in order to see builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
You can then create a new page and paste the following shortcode into it:
[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,
RikardHello all,
We have kind of a big issue with our homepage starting by a Full size Easy Slider which appears to shift the triggering of animations below.
This results into starting the animations only when the user is already scrolling to the next section. The last one being started when reaching the bottom of the page (after the footer).I was able to desactivate the columns animations but it also affects the automatic Masonry and product gallery’s animations which are really crucial for our customers navigation and furthermore, our e-commerce activity.
Could you please tell us how to fix this as we already spent a lot of time looking for an html error (not found), re-uploading manually the theme, re-doing the slider from scratchn, etc…
Thank you,
Best regards, Arsène
