-
Search Results
-
I 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,
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 == */
