-
AuthorSearch Results
-
July 3, 2016 at 4:36 am #656196
In reply to: content collapsing
Hi,
It’s because of the css modifications that you added in the Quick CSS field:
@media only screen and (max-width: 767px) { .avia-section { max-height: 450px !important; padding-top: 25px; } }All color sections will have a maximum height of 450px.
Best regards,
IsmaelJuly 3, 2016 at 4:31 am #656194In reply to: Full screen video slider- video gets cropped
Hi,
I’m sorry but setting it to “stretch” will force the video to overflow outside container in order to keep its aspect ratio. Please add this code to the Quick CSS field to move the video upwards:
.mejs-mediaelement { top: -5%; }Best regards,
IsmaelJuly 3, 2016 at 3:58 am #656186Hey seolotsen,
Thank for using Enfold.
The full width sub menu is meant to be use as an extra or supporting menu. Adding that many top level items will definitely not work because there are limited space in the container. Did you try adding sub menus? Try to group the menu items by category.
Best regards,
IsmaelJuly 3, 2016 at 3:48 am #656183Hi,
Another user provided a solution in an older thread. You might want to check this out: https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650142
Best regards,
IsmaelJuly 3, 2016 at 1:44 am #656180Topic: Changing layout on ipad mini to smartphone/ mobile settings
in forum Enfoldsentinelchicken
ParticipantHello,
My website homepage has a large scrolling image with a section of text to the right.
http://www.kingsmeadfield.org.ukThis displays fine on the desktop and converts nicely on the mobile.
However, on the ipad mini the layout looks very odd because the images are so small compared with the text. There just isn’t enough width to make this layout work. Is it possible to force this media size to default to the mobile layout? It already has a mobile menu as I’ve set that for smartphones and tablets.
Whilst I can control various elements in css for certain media sizes, the page uses your layout grids so I’m not sure how to go about repositioning those.
Any help you can give me is much appreciated.
Many thanks,
Yvonne.July 3, 2016 at 1:28 am #656179Topic: Layerslider is messed up
in forum EnfoldZak
ParticipantHello enfold team,
Layerslider has been a royal pain in the butt. As you can see on my page sunpowertt the slider is about the size I want it to be however the caption is far out of the image on the top right and so much white space on top.
Right now the settings show slider width 2200 and height 1550. Changing these numbers seem to give random results. I cannot get it exactly the size I want to.
How can I fix this?
Thanks in advance.
July 3, 2016 at 12:46 am #656174Hi Ismael-
I updated from the previous version, however I think there was a line of code added to the functions.php file due to sliders disappearing after the previous Enfold update. I unfortunately don’t remember what the line of code was though…
I renamed the CSS file and regenerated a new CSS file, and that has fixed the header and footer. However, the custom phone number at the top has disappeared and the Enfold General Styling menu is still messed up.
-
This reply was modified 9 years, 7 months ago by
a3brown4.
July 2, 2016 at 9:34 pm #656157In reply to: Dual Site-wide persistent navigation.
Is there a way that I could perhaps get the “full width sub menu” to show up on other pages easily?
I saw this https://kriesi.at/support/topic/full-width-submenu-on-archive-pages/#post-610474 but I don’t know where this code would be placed, nor if it would show up on blog pages and product pages and tag and category pages..
ENB..//
July 2, 2016 at 8:44 pm #656149In reply to: WPML language switcher centered on sidebar logo menu
Hey!
Please provide us a link of your web site, and we will give the code.
BTW, bumping the topics, drives them to the bottom of the list, not on the top.Thanks a lot
Cheers!
BasilisJuly 2, 2016 at 8:42 pm #656147In reply to: Stack to adding magnific popup
Hey judinash!
It can not be only that code.
You must be needing something else. Have you used that before with enfold?
On which topci we have shared?Thanks a lot
Cheers!
BasilisJuly 2, 2016 at 5:52 pm #656129In reply to: Add new Element to ALB
hello,
i have create a Titeloben.php in shortcodes folder in my child-theme. I attached the php file. What must i change so that the shortcode is working and its a new element. this is the content:
<?php /** * COLUMNS * Shortcode which creates columns for better content separation */ // Don't load directly if ( !defined('ABSPATH') ) { die('-1'); } if ( !class_exists( 'avia_sc_titeloben' ) ) { class avia_sc_titeloben extends aviaShortcodeTemplate{ static $section_count = 0; static $add_to_closing = ""; static $close_overlay = ""; /** * Create the config array for the shortcode button */ function shortcode_insert_button() { $this->config['name'] = __('TitelOben', 'avia_framework' ); $this->config['icon'] = AviaBuilder::$path['imagesURL']."sc-titeloben.png"; $this->config['tab'] = __('Layout Elements', 'avia_framework' ); $this->config['order'] = 20; $this->config['shortcode'] = 'titeloben'; $this->config['html_renderer'] = false; $this->config['tinyMCE'] = array('disable' => "true"); $this->config['tooltip'] = __('Creates a section with unique background image and colors', 'avia_framework' ); $this->config['drag-level'] = 1; $this->config['drop-level'] = 1; } /** * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className * * * @param array $params this array holds the default values for $content and $args. * @return $params the return array usually holds an innerHtml key that holds item specific markup. */ function editor_element($params) { extract($params); $name = $this->config['shortcode']; $data['shortcodehandler'] = $this->config['shortcode']; $data['modal_title'] = $this->config['name']; $data['modal_ajax_hook'] = $this->config['shortcode']; $data['dragdrop-level'] = $this->config['drag-level']; $data['allowed-shortcodes'] = $this->config['shortcode']; if(!empty($this->config['modal_on_load'])) { $data['modal_on_load'] = $this->config['modal_on_load']; } $dataString = AviaHelper::create_data_string($data); $output = "<div class='avia_layout_section avia_pop_class avia-no-visual-updates ".$name." av_drag' ".$dataString.">"; $output .= " <div class='avia_sorthandle menu-item-handle'>"; $output .= " <span class='avia-element-title'>".$this->config['name']."</span>"; //$output .= " <a class='avia-new-target' href='#new-target' title='".__('Move Section','avia_framework' )."'>+</a>"; $output .= " <a class='avia-delete' href='#delete' title='".__('Delete Section','avia_framework' )."'>x</a>"; if(!empty($this->config['popup_editor'])) { $output .= " <a class='avia-edit-element' href='#edit-element' title='".__('Edit Section','avia_framework' )."'>edit</a>"; } $output .= "<a class='avia-save-element' href='#save-element' title='".__('Save Element as Template','avia_framework' )."'>+</a>"; $output .= " <a class='avia-clone' href='#clone' title='".__('Clone Section','avia_framework' )."' >".__('Clone Section','avia_framework' )."</a></div>"; $output .= " <div class='avia_inner_shortcode avia_connect_sort av_drop' data-dragdrop-level='".$this->config['drop-level']."'>"; $output .= "<textarea data-name='text-shortcode' cols='20' rows='4'>".ShortcodeHelper::create_shortcode_by_array($name, $content, $args)."</textarea>"; if($content) { $content = $this->builder->do_shortcode_backend($content); } $output .= $content; $output .= "</div></div>"; return $output; } /** * Popup Elements * * If this function is defined in a child class the element automatically gets an edit button, that, when pressed * opens a modal window that allows to edit the element properties * * @return void */ function popup_elements() { global $avia_config; $this->elements = array( array( "type" => "tab_container", 'nodescription' => true ), array( "type" => "tab", "name" => __("Section Layout",'avia_framework' ), 'nodescription' => true ), array( "name" => __("Section Minimum Height",'avia_framework' ), "id" => "min_height", "desc" => __("Define a minimum height for the section. Content within the section will be centered vertically within the section",'avia_framework' ), "type" => "select", "std" => "", "subtype" => array( __('No minimum height, use content within section to define Section height','avia_framework' ) =>'', __('At least 100% of Browser Window height','avia_framework' )=>'100', __('At least 75% of Browser Window height','avia_framework' ) =>'75', __('At least 50% of Browser Window height','avia_framework' ) =>'50', __('At least 25% of Browser Window height','avia_framework' ) =>'25', __('Custom height in pixel','avia_framework' ) =>'custom', ) ), array( "name" => __("Section custom height", 'avia_framework' ), "desc" => __("Define a minimum height for the section. Use a pixel value. eg: 500px", 'avia_framework' ) , "id" => "min_height_px", "required"=> array('min_height','equals','custom'), "std" => "500px", "type" => "input"), array( "name" => __("Section Padding",'avia_framework' ), "id" => "padding", "desc" => __("Define the sections top and bottom padding",'avia_framework' ), "type" => "select", "std" => "default", "subtype" => array( __('No Padding','avia_framework' ) =>'no-padding', __('Small Padding','avia_framework' ) =>'small', __('Default Padding','avia_framework' ) =>'default', __('Large Padding','avia_framework' ) =>'large', __('Huge Padding','avia_framework' ) =>'huge', ) ), /* array( "name" => __("Section Top Border Styling",'avia_framework' ), "id" => "shadow", "desc" => __("Chose a border styling for the top of your section",'avia_framework' ), "type" => "select", "std" => "no-shadow", "subtype" => array( __('Display simple top border','avia_framework' ) =>'no-shadow', __('Display a small styling shadow at the top of the section','avia_framework' ) =>'shadow', __('No border styling','avia_framework' ) =>'no-border-styling', ) ), array( "name" => __("Section Bottom Border Styling",'avia_framework' ), "id" => "bottom_border", "desc" => __("Chose a border styling for the bottom of your section",'avia_framework' ), "type" => "select", "std" => "no-border-styling", "subtype" => array( __('No border styling','avia_framework' ) =>'no-border-styling', __('Display a small arrow that points down to the next section','avia_framework' ) =>'border-extra-arrow-down', ) ), array( "name" => __("Display a scroll down arrow", 'avia_framework' ), "desc" => __("Check if you want to show a button at the bottom of the section that takes the user to the next section by scrolling down", 'avia_framework' ) , "id" => "scroll_down", "std" => "", "type" => "checkbox"), */ array( "name" => __("For Developers: Section ID", 'avia_framework' ), "desc" => __("Apply a custom ID Attribute to the section, so you can apply a unique style via CSS. This option is also helpful if you want to use anchor links to scroll to a sections when a link is clicked", 'avia_framework' )."<br/><br/>". __("Use with caution and make sure to only use allowed characters. No special characters can be used.", 'avia_framework' ), "id" => "id", "type" => "input", "std" => ""), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Section Background" , 'avia_framework'), 'nodescription' => true ), /* array( "name" => __("Section Colors",'avia_framework' ), "id" => "color", "desc" => __("The section will use the color scheme you select. Color schemes are defined on your styling page",'avia_framework' ) . '<br/><a target="_blank" href="'.admin_url('admin.php?page=avia#goto_styling').'">'.__("(Show Styling Page)",'avia_framework' )."</a>", "type" => "select", "std" => "main_color", "subtype" => array_flip($avia_config['color_sets']) ), */ array( "name" => __("Custom Background Color", 'avia_framework' ), "desc" => __("Select a custom background color for your Section here. Leave empty if you want to use the background color of the color scheme defined above", 'avia_framework' ), "id" => "custom_bg", "type" => "colorpicker", "std" => "", ), array( "name" => __("Custom Background Image",'avia_framework' ), "desc" => __("Either upload a new, or choose an existing image from your media library. Leave empty if you want to use the background image of the color scheme defined above",'avia_framework' ), "id" => "src", "type" => "image", "title" => __("Insert Image",'avia_framework' ), "button" => __("Insert",'avia_framework' ), "std" => ""), array( "name" => __("Custom Logo",'avia_framework' ), "desc" => __("Either upload a new, or choose an existing image from your media library. Leave empty if you want to use the background image of the color scheme defined above",'avia_framework' ), "id" => "srclogo", "type" => "image", "title" => __("Insert Image",'avia_framework' ), "button" => __("Insert",'avia_framework' ), "std" => ""), array( "name" => __("Background Attachment",'avia_framework' ), "desc" => __("Background can either scroll with the page, be fixed or scroll with a parallax motion", 'avia_framework' ), "id" => "attach", "type" => "select", "std" => "scroll", "required" => array('src','not',''), "subtype" => array( __('Parallax','avia_framework' ) =>'parallax' ) ), array( "name" => __("Background Image Position",'avia_framework' ), "id" => "position", "type" => "select", "std" => "top left", "required" => array('src','not',''), "subtype" => array( __('Top Left','avia_framework' ) =>'top left', __('Top Center','avia_framework' ) =>'top center', __('Top Right','avia_framework' ) =>'top right', __('Bottom Left','avia_framework' ) =>'bottom left', __('Bottom Center','avia_framework' ) =>'bottom center', __('Bottom Right','avia_framework' ) =>'bottom right', __('Center Left','avia_framework' ) =>'center left', __('Center Center','avia_framework' ) =>'center center', __('Center Right','avia_framework' ) =>'center right' ) ), /* array( "name" => __("Background Repeat",'avia_framework' ), "id" => "repeat", "type" => "select", "std" => "no-repeat", "required" => array('src','not',''), "subtype" => array( __('No Repeat','avia_framework' ) =>'no-repeat', __('Repeat','avia_framework' ) =>'repeat', __('Tile Horizontally','avia_framework' ) =>'repeat-x', __('Tile Vertically','avia_framework' ) =>'repeat-y', __('Stretch to fit (stretches image to cover the element)','avia_framework' ) =>'stretch', __('Scale to fit (scales image so the whole image is always visible)','avia_framework' ) =>'contain' ) ), */ array( "name" => __("Background Video", 'avia_framework' ), "desc" => __('You can also place a video as background for your section. Enter the URL to the Video. Currently supported are Youtube, Vimeo and direct linking of web-video files (mp4, webm, ogv)', 'avia_framework' ) .'<br/><br/>'. __('Working examples Youtube & Vimeo:', 'avia_framework' ).'<br/> <strong>http://vimeo.com/1084537</strong><br/> <strong>http://www.youtube.com/watch?v=5guMumPFBag</strong><br/><br/>', "id" => "video", "std" => "", "type" => "input"), array( "name" => __("Video Aspect Ratio", 'avia_framework' ), "desc" => __("In order to calculate the correct height and width for the video slide you need to enter a aspect ratio (width:height). usually: 16:9 or 4:3.", 'avia_framework' )."<br/>".__("If left empty 16:9 will be used", 'avia_framework' ) , "id" => "video_ratio", "required"=> array('video','not',''), "std" => "16:9", "type" => "input"), array( "name" => __("Hide video on Mobile Devices?", 'avia_framework' ), "desc" => __("You can chose to hide the video entirely on Mobile devices and instead display the Section Background image", 'avia_framework' )."<br/><small>".__("Most mobile devices can't autoplay videos to prevent bandwidth problems for the user", 'avia_framework' ) ."</small>" , "id" => "video_mobile_disabled", "required"=> array('video','not',''), "std" => "", "type" => "checkbox"), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "tab", "name" => __("Section Background Overlay" , 'avia_framework'), 'nodescription' => true ), array( "name" => __("Enable Overlay?", 'avia_framework' ), "desc" => __("Check if you want to display a transparent color and/or pattern overlay above your section background image/video", 'avia_framework' ), "id" => "overlay_enable", "std" => "", "type" => "checkbox"), array( "name" => __("Overlay Opacity",'avia_framework' ), "desc" => __("Set the opacity of your overlay: 0.1 is barely visible, 1.0 is opaque ", 'avia_framework' ), "id" => "overlay_opacity", "type" => "select", "std" => "0.5", "required" => array('overlay_enable','not',''), "subtype" => array( __('0.1','avia_framework' )=>'0.1', __('0.2','avia_framework' )=>'0.2', __('0.3','avia_framework' )=>'0.3', __('0.4','avia_framework' )=>'0.4', __('0.5','avia_framework' )=>'0.5', __('0.6','avia_framework' )=>'0.6', __('0.7','avia_framework' )=>'0.7', __('0.8','avia_framework' )=>'0.8', __('0.9','avia_framework' )=>'0.9', __('1.0','avia_framework' )=>'1', ) ), array( "name" => __("Overlay Color", 'avia_framework' ), "desc" => __("Select a custom color for your overlay here. Leave empty if you want no color overlay", 'avia_framework' ), "id" => "overlay_color", "type" => "colorpicker", "required" => array('overlay_enable','not',''), "std" => "", ), array( "required" => array('overlay_enable','not',''), "id" => "overlay_pattern", "name" => __("Background Image", 'avia_framework'), "desc" => __("Select an existing or upload a new background image", 'avia_framework'), "type" => "select", "subtype" => array(__('No Background Image', 'avia_framework')=>'',__('Upload custom image', 'avia_framework')=>'custom'), "std" => "", "folder" => "images/background-images/", "folderlabel" => "", "group" => "Select predefined pattern", "exclude" => array('fullsize-', 'gradient') ), array( "name" => __("Custom Pattern",'avia_framework' ), "desc" => __("Upload your own seamless pattern",'avia_framework' ), "id" => "overlay_custom_pattern", "type" => "image", "fetch" => "url", "secondary_img"=>true, "required" => array('overlay_pattern','equals','custom'), "title" => __("Insert Pattern",'avia_framework' ), "button" => __("Insert",'avia_framework' ), "std" => ""), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "close_div", 'nodescription' => true ), ); } /** * Frontend Shortcode Handler * * @param array $atts array of attributes * @param string $content text within enclosing form of shortcode element * @param string $shortcodename the shortcode found, when == callback name * @return string $output returns the modified html string */ function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "") { global $avia_config; avia_sc_titeloben::$section_count ++; $atts = shortcode_atts(array( 'src' => '', 'position' => 'top left', 'repeat' => 'no-repeat', 'attach' => 'scroll', 'color' => 'main_color', 'custom_bg' => '', 'padding'=>'default' , 'shadow'=>'shadow', 'id'=>'', 'min_height' => '', 'min_height_px' => '', 'video' => '', 'video_ratio'=>'16:9', 'video_mobile_disabled'=>'', 'custom_markup' => '', 'attachment' => '', 'attachment_size' => '', 'bottom_border' => '', 'overlay_enable' => '', 'overlay_opacity' => '', 'overlay_color' => '', 'overlay_pattern' => '', 'overlay_custom_pattern' => '', 'scroll_down' => '' ), $atts, $this->config['shortcode']); extract($atts); $output = ""; $class = "avia-section ".$color." avia-section-".$padding." avia-".$shadow; $background = ""; $params['id'] = !empty($id) ? AviaHelper::save_string($id,'-') :"av_section_".avia_sc_titeloben::$section_count; $params['custom_markup'] = $meta['custom_markup']; $params['attach'] = ""; if(!empty($attachment) && !empty($attachment_size)) { $attachment_entry = get_post( $attachment ); if(!empty($attachment_entry)) { if(!empty($attachment_size)) { $src = wp_get_attachment_image_src($attachment_entry->ID, $attachment_size); $src = !empty($src[0]) ? $src[0] : ""; } } } else { $attachment = false; } if($custom_bg != "") { $background .= "background-color: {$custom_bg}; "; } /*set background image*/ if($src != "") { if($repeat == 'stretch') { $background .= "background-repeat: no-repeat; "; $class .= " avia-full-stretch"; } else if($repeat == "contain") { $background .= "background-repeat: no-repeat; "; $class .= " avia-full-contain"; } else { $background .= "background-repeat: {$repeat}; "; } $background .= "background-image: url({$src}); "; $background .= $attach == 'parallax' ? "background-attachment: scroll; " : "background-attachment: {$attach}; "; $background .= "background-position: {$position}; "; if($attach == 'parallax') { $attachment_class = ""; if($repeat == 'stretch' || $repeat == 'no-repeat' ){ $attachment_class .= " avia-full-stretch"; } if($repeat == 'contain' ){ $attachment_class .= " avia-full-contain"; } $class .= " av-parallax-section"; $speed = apply_filters('avf_parallax_speed', "0.3", $params['id']); $params['attach'] .= "<div class='av-parallax' data-avia-parallax-ratio='{$speed}' >"; $params['attach'] .= "<div class='av-parallax-inner {$color} {$attachment_class}' style = '{$background}' >"; $params['attach'] .= "</div>"; $params['attach'] .= "</div>"; $background = ""; } $params['data'] = "data-section-bg-repeat='{$repeat}'"; } else { $attach = "scroll"; } if($custom_bg != "") { $background .= "background-color: {$custom_bg}; "; } if($background) $background = "style = '{$background}'"; /*check/create overlay*/ $overlay = ""; $pre_wrap = "<div class='av-section-color-overlay-wrap'>" ; if(!empty($overlay_enable)) { $overlay_src = ""; $overlay = "opacity: {$overlay_opacity}; "; if(!empty($overlay_color)) $overlay .= "background-color: {$overlay_color}; "; if(!empty($overlay_pattern)) { if($overlay_pattern == "custom") { $overlay_src = $overlay_custom_pattern; } else { $overlay_src = str_replace('{{AVIA_BASE_URL}}', AVIA_BASE_URL, $overlay_pattern); } } if(!empty($overlay_src)) $overlay .= "background-image: url({$overlay_src}); background-repeat: repeat;"; $overlay = "<div class='av-section-color-overlay' style='{$overlay}'></div>"; $class .= " av-section-color-overlay-active"; $params['attach'] .= $pre_wrap . $overlay; } if(!empty($scroll_down)) { if(!$overlay) { $params['attach'] .= $pre_wrap; } $params['attach'] .= "<a href='#next-section' title='' class='scroll-down-link' ". av_icon_string( 'scrolldown' ). "></a>"; } $class .= " avia-bg-style-".$attach; $params['class'] = $class." ".$meta['el_class']; $params['bg'] = $background; $params['min_height'] = $min_height; $params['min_height_px'] = $min_height_px; $params['video'] = $video; $params['video_ratio'] = $video_ratio; $params['video_mobile_disabled'] = $video_mobile_disabled; if(isset($meta['index'])) { if($meta['index'] == 0) { $params['main_container'] = true; } if($meta['index'] == 0 || (isset($meta['siblings']['prev']['tag']) && in_array($meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section ))) { $params['close'] = false; } } $avia_config['layout_container'] = "section"; $output .= avia_new_section($params); $output .= ShortcodeHelper::avia_remove_autop($content,true) ; /*set extra arrow element*/ if(strpos($bottom_border, 'border-extra') !== false) { $backgroundEl = ""; $backgroundElColor = !empty($custom_bg) ? $custom_bg : $avia_config['backend_colors']['color_set'][$color]['bg']; if($backgroundElColor) $backgroundEl = " style='background-color:{$backgroundElColor};' "; avia_sc_titeloben::$add_to_closing = "<div class='av-extra-border-element {$bottom_border}'><div class='av-extra-border-outer'><div class='av-extra-border-inner' {$backgroundEl}></div></div></div>"; } else { avia_sc_titeloben::$add_to_closing = ""; } //next section needs an extra closing tag if overlay with wrapper was added: if($overlay || !empty($scroll_down)) { avia_sc_titeloben::$close_overlay = "</div>"; } else { avia_sc_titeloben::$close_overlay = ""; } //if the next tag is a section dont create a new section from this shortcode if(!empty($meta['siblings']['next']['tag']) && in_array($meta['siblings']['next']['tag'], AviaBuilder::$full_el)) { $skipSecond = true; } //if there is no next element dont create a new section. if we got a sidebar always create a next section at the bottom if(empty($meta['siblings']['next']['tag']) && !avia_has_sidebar()) { $skipSecond = true; } if(empty($skipSecond)) { $new_params['id'] = "after_section_".( avia_sc_titeloben::$section_count ); $output .= avia_new_section($new_params); } unset($avia_config['layout_container']); return $output; } } } if(!function_exists('avia_new_section')) { function avia_new_section($params = array()) { global $avia_section_markup, $avia_config; $defaults = array( 'class'=>'main_color', 'bg'=>'', 'close'=>true, 'open'=>true, 'open_structure' => true, 'open_color_wrap' => true, 'data'=>'', "style"=>'', 'id' => "", 'main_container' => false, 'min_height' => '', 'min_height_px' => '', 'video' => '', 'video_ratio' => '16:9', 'video_mobile_disabled' => '', 'attach' => "", 'before_new' => "", 'custom_markup' => '' ); $defaults = array_merge($defaults, $params); extract($defaults); $post_class = ""; $output = ""; $bg_slider = ""; $container_style = ""; if($id) $id = "id='{$id}'"; //close old content structure. only necessary when previous element was a section. other fullwidth elements dont need this if($close) { $cm = avia_section_close_markup(); $output .= "</div></div>{$cm}</div>".avia_sc_titeloben::$add_to_closing.avia_sc_titeloben::$close_overlay."</div>"; } //start new if($open) { if(function_exists('avia_get_the_id')) $post_class = "post-entry-".avia_get_the_id(); if($open_color_wrap) { if(!empty($min_height)) { $class .= " av-minimum-height av-minimum-height-".$min_height; if($min_height == 'custom' && $min_height_px != "") { $min_height_px = (int)$min_height_px; $container_style = "style='height:{$min_height_px}px'"; } } if(!empty($video)) { $slide = array( 'shortcode' => 'av_slideshow', 'content' => '', 'attr' => array( 'id'=>'', 'video'=>$video , 'slide_type' => 'video', 'video_mute' => true, 'video_loop' => true, 'video_ratio' => $video_ratio, 'video_controls' => 'disabled', 'video_section_bg' => true, 'video_format'=> '', 'video_mobile' =>'', 'video_mobile_disabled'=> $video_mobile_disabled ) ); $bg_slider = new avia_slideshow( array('content' => array($slide) ) ); $bg_slider->set_extra_class('av-section-video-bg'); $class .= " av-section-with-video-bg"; $class .= !empty($video_mobile_disabled) ? " av-section-mobile-video-disabled" : ""; $data .= " data-section-video-ratio='{$video_ratio}'"; } $output .= $before_new; if($class == "main_color") $class .= " av_default_container_wrap"; $output .= "<div {$id} class='{$class} container_wrap ".avia_layout_class( 'main' , false )."' {$bg} {$data} {$style}>"; $output .= !empty($bg_slider) ? $bg_slider->html() : ""; $output .= $attach; $output .= apply_filters('avf_section_container_add','',$defaults); } //this applies only for sections. other fullwidth elements dont need the container for centering if($open_structure) { if(!empty($main_container)) { $markup = 'main '.avia_markup_helper(array('context' =>'content','echo'=>false, 'custom_markup'=>$custom_markup)); $avia_section_markup = 'main'; } else { $markup = "div"; } $output .= "<div class='container' {$container_style}>"; $output .= "<{$markup} class='template-page content ".avia_layout_class( 'content' , false )." units'>"; $output .= "<div class='post-entry post-entry-type-page {$post_class}'>"; $output .= "<div class='entry-content-wrapper clearfix'>"; } } return $output; } } if(!function_exists('avia_section_close_markup')) { function avia_section_close_markup() { global $avia_section_markup, $avia_config; if(!empty($avia_section_markup)) { $avia_section_markup = false; $close_markup = "</main><!-- close content main element -->"; } else { $close_markup = "</div><!-- close content main div -->"; } return $close_markup; } } if(!function_exists('avia_section_after_element_content')) { function avia_section_after_element_content($meta, $second_id = "", $skipSecond = false, $extra = "") { $output = "</div>"; //close section $output .= $extra; //if the next tag is a section dont create a new section from this shortcode if(!empty($meta['siblings']['next']['tag']) && in_array($meta['siblings']['next']['tag'], AviaBuilder::$full_el )){ $skipSecond = true; } //if there is no next element dont create a new section. if(empty($meta['siblings']['next']['tag'])) { $skipSecond = true; } if(empty($skipSecond)) { $output .= avia_new_section(array('close'=>false, 'id' => $second_id)); } return $output; } }July 2, 2016 at 2:57 pm #656118In reply to: WPML language switcher centered on sidebar logo menu
I know that bumping this wouldn’t help but I think that you forgot about this topic.
July 2, 2016 at 2:51 pm #656117Topic: subtle bar top not showing
in forum Enfoldyampieters
Participanthi on a testsite i had this subtle bar on top with a phone number and email address.
but on my new site this thing is not showing. why?July 2, 2016 at 10:35 am #656085In reply to: Page visible only on mobile devices
Thanks,
I was thinking to build some pages just for mobile devices and hide them for desktop, but I think it,s better to build something apart from the main website…like a mobile version.July 2, 2016 at 10:07 am #656080In reply to: Header transparency not working
Hi,
We added this code to the Quick CSS section under Enfold > General Styling :
@media only screen and (min-width:768px){ .main_menu, .logo { position:absolute!important; } .main_menu { top:160px; } .logo{ top:-15px; }}Best regards,
VinayJuly 2, 2016 at 8:47 am #656060Hi,
Great, glad you found the solution. Please let us know if you should need any more help on the topic.
Best regards,
RikardJuly 2, 2016 at 8:24 am #656050In reply to: Testimonial image positioning
Hi,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Thanks,
RikardJuly 2, 2016 at 7:15 am #656036Hi,
Please adjust height and line height to the cart and search icon in the mobile view to fix this issue.
#top #menu-item-search a , #menu-item-shop .cart_dropdown_link { height: 83px!important; line-height: 85px!important; }Best regards,
VinayJuly 2, 2016 at 6:43 am #656020Not okay. i changed the figures to get all in line to:
/*mobile: search, cart icon under the logo*/
@media only screen and (max-width: 600px) {
.responsive #header_main .inner-container, .responsive .main_menu {
min-height: 60px;
}
#top #menu-item-search {
top: 30px;
}
.cart_dropdown_first {
position: absolute;
top: 30px;
left: -120px;
}
#advanced_menu_toggle, #advanced_menu_hide {
margin-top: 6px;
margin-right: 20px;
}
}
I checked with the responsive view in safari: alt cmd + r and firefox alt + cmd + m
it was viewed nice.So now i opened the webpage on mobile firefox and chrome on android and see it is not in line.
Then i switched to chrome desktop view (also a responsive view) and got all icons in line.
In firefox i did not get them in line.So i altered CSS to get it nice on mobile browser (not the mobile desktop view inside the desktop browser).
/*mobile: search, cart icon under the logo*/
@media only screen and (max-width: 500px) {
.responsive #header_main .inner-container, .responsive .main_menu {
min-height: 60px;
}
#top #menu-item-search {
top: 55px;
}
.cart_dropdown_first {
position: absolute;
top: 58px;
left: -115px;
}
#advanced_menu_toggle, #advanced_menu_hide {
margin-top: 6px;
margin-right: 20px;
}
}
Result: mobile view on firefox desktop (mac): http://awesomescreenshot.com/06b5zsfed5
So how get them inline in every browser?Same with the @media only screen and (max-width: 500px):
On mobile (horizontal) 500px is nice. On desktop it needs 600px to have the logo inline and not overlapping.
I use the stretched layout!PS: Is it possible to get the logo in the middle and alter the size?
When the icons are below the logo it should be possible.PPS: maybe possible have a default solution for all users directly in the enfold settings.
place search-, cart- and the mobile menu button-icon in one line below the logo.July 2, 2016 at 6:41 am #656019In reply to: Search Box Formatting
Hey Dave,
Thanks for getting in touch with us!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .header_color input[type='text'] { color: #ffffff; background-color: #000000; }Adjust the hex color values as you wish.
Best regards,
JordanJuly 2, 2016 at 6:18 am #656011Hi Phil,
Ok, great to hear that, please let us know if you should need any more help on the topic.
Best regards,
RikardJuly 2, 2016 at 6:15 am #656010In reply to: Broken Marker in Maps Widget
Hi,
Great, glad you got it fixed. Please let us know if you should need any more help on the topic.
Thanks,
RikardJuly 2, 2016 at 6:15 am #656009In reply to: Blog Footer Won't Line Up
Hi,
Ok, thanks for the info. Not sure if you need any further help on the topic though?
Best regards,
RikardJuly 2, 2016 at 5:53 am #656003In reply to: CSS ID for no standard ALB elements doesn't work
Hi Andreas,
Ok great, glad you found the problem. Please let us know if you should need any more help on the topic.
Thanks,
RikardJuly 2, 2016 at 5:25 am #655990In reply to: Menu settings go to english by itself? oO
Hi,
Ok great, glad you got it working. Please let us know if you should need any more help on the topic.
Thanks,
RikardJuly 2, 2016 at 5:22 am #655989In reply to: Masonry faded image before hover
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
#top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content { background: rgba(0,0,0,0.5) !important; }You can make it even darker if you adjust the value 5 to something higher.
Regards,
RikardJuly 2, 2016 at 5:00 am #655981In reply to: Related Products Size and Background
Hi,
Box sizes
There still seems an issue with the box sizes being too large. Does this have something to do with the proportion to the body?The related section looks good on my end. Could you please provide a screenshot of this issue?
Category titles
I notice that the shop category titles has disappeared, how do I re-enable this? This is strange as they were there. So many problems getting this template to work correctly with its features.Please check the Enfold > Header > Header Title and Breadcrumbs.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing. Thank you.
Best regards,
IsmaelJuly 2, 2016 at 4:19 am #655974In reply to: Masonry gallery overlay text is inconsistant
Hi,
Alright. I can see the issue now. It is markup bug in the masonry script and it occurs if the gallery image do no contain a custom link. We added this in the Quick CSS field to fix it temporarily:
#top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos { display: table-cell; vertical-align: middle; text-align: center; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *, #top .av-caption-style-overlay .av-masonry-item-with-image ins:before, #top #wrap_all .av-caption-style-overlay a.av-masonry-item-with-image del { color: #fff; } #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content *, #top .av-caption-style-overlay .av-masonry-item-with-image ins:before, #top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del { color: #fff; } #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content { background: rgba(0,0,0,0.35) !important; } #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content { display: table; position: relative; height: 100%; width: 100%; bottom: 0; }Best regards,
IsmaelJuly 2, 2016 at 4:03 am #655973In reply to: Dutch translation
Hi,
Note that some of the language files are incomplete so you have to add the translations manually. Please install the loco translate plugin then search for the strings in order to translate it. Or edit the nl_NL.po file, add this:
# @ avia_framework #: includes/error404.php:2 includes/loop-author.php:148 #: includes/loop-index.php:246 includes/loop-page.php:52 #: includes/loop-portfolio-single.php:65 includes/loop-search.php:123 msgid "Nothing Found" msgstr "Es konnte leider nichts gefunden werden" # @ avia_framework #: includes/error404.php:4 msgid "" "Sorry, the post you are looking for is not available. Maybe you want to " "perform a search?" msgstr "" "Entschuldigung, aber der gesuchte Eintrag ist nicht verfügbar. Wollen Sie " "eine neue Suche starten?" # @ avia_framework #: includes/error404.php:24 msgid "For best search results, mind the following suggestions:" msgstr "" "Um die besten Suchergebnisse zu bekommen beachten Sie bitte folgende " "Hinweise:" # @ avia_framework #: includes/error404.php:26 msgid "Always double check your spelling." msgstr "Überprüfen Sie die Rechtschreibung immer sorgfältig." # @ avia_framework #: includes/error404.php:27 msgid "Try similar keywords, for example: tablet instead of laptop." msgstr "Probieren Sie auch ähnliche Suchbegriffe, z.B. Notebook anstatt Laptop" # @ avia_framework #: includes/error404.php:28 includes/loop-search.php:134 msgid "Try using more than one keyword." msgstr "Versuchen Sie mehr als einen Suchbegriff zu verwenden." # @ avia_framework #: includes/error404.php:33 includes/loop-search.php:138 msgid "Feel like browsing some posts instead?" msgstr "Wollen Sie sich lieber andere Artikel oder Seiten ansehen?"Adjust the translation. After the translation, go back to the Loco Translation plugin then sync the language files.
Best regards,
IsmaelJuly 2, 2016 at 3:59 am #655972In reply to: Image with hotspot – tooltip alignment problems
Hey!
1) If aligned “top center”, the tooltip flashes/blinks on an off constantly
I’m sorry but I can’t reproduce the issue on Chrome, Windows 7. What is your browser and OS?
2) If aligned left or right, top, center or bottom, it’s mis-aligned..
What do you mean by mis-aligned? Note that you can set the tooltip to only display on mouse hover.
Cheers!
Ismael -
This reply was modified 9 years, 7 months ago by
-
AuthorSearch Results
-
Search Results
-
Hello,
My website homepage has a large scrolling image with a section of text to the right.
http://www.kingsmeadfield.org.ukThis displays fine on the desktop and converts nicely on the mobile.
However, on the ipad mini the layout looks very odd because the images are so small compared with the text. There just isn’t enough width to make this layout work. Is it possible to force this media size to default to the mobile layout? It already has a mobile menu as I’ve set that for smartphones and tablets.
Whilst I can control various elements in css for certain media sizes, the page uses your layout grids so I’m not sure how to go about repositioning those.
Any help you can give me is much appreciated.
Many thanks,
Yvonne.Topic: Layerslider is messed up
Topic: subtle bar top not showing
hi on a testsite i had this subtle bar on top with a phone number and email address.
but on my new site this thing is not showing. why?

