-
Search Results
-
Another Share.
After reading these posts:
https://kriesi.at/support/topic/open-form-in-a-lightbox-popup/
https://kriesi.at/support/topic/inline-content-in-magnific-popup/
These solutions were difficult.
The current problem with Enfolds is that only certain AVIA LAYOUT BUILDER – LAYOUT ELEMENTS allow for a custom Developer ID.
The issue with each of theses layout elements (Colour Section, Grid Row, Tab Section ) is that they are all full width and interfere with the side bar position. Not good if you are adding a linline popup link. And the popup content has to be inside a ‘Colour Section’.
I should note that you can add a custom ID to a [CODEBLOCK] [/CODEBLOCK], However this didn’t work either as paragraphs <p></p> were stripped from the HTML and replaced with inverted commas “” loosing any paragraph styling.
AVIA LAYOUT BUILDER would be more flexible if we had the ability to add theme support for custom ID on layout elements, the same way you currently add theme support for ‘Custom Css Class’…
add_theme_support('avia_template_builder_custom_css');Any way, I though I would share my quick [SHORTCODE] solution with the community.
Enfolds out of the box already supports lightbox modal windows for videos and images. This solution allows you to display large amounts of formatted text like; terms and conditions, privacy statements, warranty etc. in a lightbox modal window.
Lets get started.
As Magnific Popup is installed natively with Enfolds Theme, we don’t need to load any other assets.
——————————————————————————-
PHP
In your child-theme functions.php file add the following code:/*------------------------------------------------------------------------------- INLINE POP UP ENABLER -------------------------------------------------------------------------------*/ 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'); /*------------------------------------------------------------------------------- SHORTCODE - INLINE POST CONTENT POP-UP [mfp_post_popup post_slug_id="" popup_id="" link_text="" custom_class=""] -------------------------------------------------------------------------------*/ function mfp_post_popup_shortcode( $atts ){ //default values extract( shortcode_atts([ 'post_slug_id' => '', 'popup_id' => '', 'link_text' => 'hello', 'mfp_hide' => 'mfp-hide', 'custom_class' => 'mfp_popup_content' ], $atts ) ); //get post content $pop_slug = get_post($post_slug_id); $content = apply_filters( 'the_content', $pop_slug->post_content ); //output post content into the footer before the closing body tag - content is hidden add_action('wp_footer', function() use($content, $popup_id, $mfp_hide, $custom_class) { echo sprintf( '<div id="%s" class="%s %s">%s</div>', $popup_id, $mfp_hide, $custom_class, $content ); }); //output popup link return sprintf( '<a class="inline_popup" href="#%s">%s</a>', $popup_id, $link_text ); } add_shortcode( 'mfp_post_popup', 'mfp_post_popup_shortcode' );——————————————————————————-
CSS
In your child-theme/style.css file add the following CSS:.mfp_popup_content { position: relative; background: #ffffff; padding: 40px; width: auto; max-width: 600px; margin: 100px auto; overflow: auto; }This CSS class is all you need to style the popup window. As this is a custom_class you can change the name of the class in the code or override the default class name by adding custom_class”” to the shortcode. and style to your hearts content. Rounded Corners, Colour Border, Coloured Background etc. etc.
——————————————————————————-
CONTENT
First create a new PAGE or POST with the content you want to display in your popup and publish.
Take note of the post ID, which can be found in the URL address bar at the top of the browser http://domainname.com/wp-adminpost.php?post=——————————————————————————-
SHORTCODE
On your page where you want to popup the content, add the following inline [SHORTCODE]:[mfp_post_popup post_slug_id="" popup_id="" link_text=""]post_slug_id=””
Enter the ID of the post that you want as content in your popup window.
Example:post_slug_id="5"popup_id=””
Enter a custom identifier for the popup. For multiple popup’s on one page, use a different identifier for each popup_id. Don’t use spaces in the ID name. You can use underscore _ and dash – in place of spaces.
Example:popup_id="popup_1"link_text=””
Enter the text ( spaces are allowed ) that will be the active link for the popup.
Example:link_text="open me"EXAMPLE:
Some custom content here with in line link to[mfp_post_popup post_slug_id="5" popup_id="popup_1" link_text="open me"]in a popup window.——————————————————————————-
EXPLINATIONThe code does 3 things:
1. Adds a jQuery script to the footer that enables Magnific popup for elements with a class .inline_popup
2. Creates the active link where the [SHORTCODE] is inserted
<a class=”inline_popup” href=”#popup_id”>link_text</a>3. Creates a hidden div in the footer that contains the content from the post_slug_id
<div id=”popup_id” class=”mfp_hide custom_class”>content</div>——————————————————————————-
TWEAKSYou may find that not all custom theme style colours translate into the magnific popup modal window. However by adding some additional css styles you can target the elements again.
.main_color blockquote { border-color: #c3512f; }Change this by add additional CSS to your child-theme’s style.css file
#top .mfp_popup_content blockquote { border-color: #c3512f; }That’s about it.
Please Share
In reply to: Enfold and Tribe Events Calendar
Ismael,
Thanks for the quick response!
Here are a couple screenshots of the code.
Here is before I added the code.
And this is after
And here is the code for the new header
<?php if ( !defined( 'ABSPATH' ) ) { die(); } global $avia_config; $style = $avia_config[ 'box_class' ]; $responsive = avia_get_option( 'responsive_active' ) != "disabled" ? "responsive" : "fixed_layout"; $blank = isset( $avia_config[ 'template' ] ) ? $avia_config[ 'template' ] : ""; $av_lightbox = avia_get_option( 'lightbox_active' ) != "disabled" ? 'av-default-lightbox' : 'av-custom-lightbox'; $preloader = avia_get_option( 'preloader' ) == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled'; $sidebar_styling = avia_get_option( 'sidebar_styling' ); $filterable_classes = avia_header_class_filter( avia_header_class_string() ); ?> <!DOCTYPE html> <html <?php language_attributes(); ?> class=" <?php echo "html_{$style} ".$responsive." ".$preloader." ".$av_lightbox." ".$filterable_classes ?> "> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=Om5o09g53k"> <link rel="icon" type="image/png" href="/favicon-32x32.png?v=Om5o09g53k" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-16x16.png?v=Om5o09g53k" sizes="16x16"> <link rel="manifest" href="/manifest.json?v=Om5o09g53k"> <link rel="mask-icon" href="/safari-pinned-tab.svg?v=Om5o09g53k" color="#5bbad5"> <link rel="shortcut icon" href="/favicon.ico?v=Om5o09g53k"> <meta name="apple-mobile-web-app-title" content="GracePoint"> <meta name="application-name" content="GracePoint"> <meta name="theme-color" content="#212a2f"> <?php /* * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives * located in framework/php/function-set-avia-frontend.php */ if ( function_exists( 'avia_set_follow' ) ) { echo avia_set_follow(); } ?> <!-- mobile setting --> <?php if ( strpos( $responsive, 'responsive' ) !== false )echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">'; ?> <!-- Scripts/CSS and wp_head hook --> <?php /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_head(); ?> </head> <?php flush(); ?> <body id="top" <?php body_class($style. " ".$avia_config[ 'font_stack']. " ".$blank. " ".$sidebar_styling); avia_markup_helper(array( 'context'=> 'body')); ?>> <?php if("av-preloader-active av-preloader-enabled" === $preloader) { echo avia_preload_screen(); } ?> <div id='wrap_all'> <?php if(!$blank) //blank templates dont display header nor footer { //fetch the template file that holds the main menu, located in includes/helper-menu-main.php get_template_part( 'includes/helper', 'main-menu' ); } ?> <div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting(' header_scroll_offset '); ?>'> <?php if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container']; do_action('ava_after_main_container'); echo do_shortcode("[av_submenu which_menu='center' menu='Main Menu' position='center' color='alternate_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2'] [/av_submenu]"); ?>In reply to: Demo page shortcodes
Hi,
Did you turn on the custom css class field? This should work:
.device .avia-image-container img { max-width: 70%; margin: 0 auto; }Did you add the “device” class attribute? You can do the same with the image element.
Best regards,
IsmaelIn reply to: how can i bring this image to the right?
well first of all it will be nice if the image (png) does not have any space to the right – otherwise we have ta right positioning of -28px or something like this.
So cut your png – to have no transparency on the right.if this is not possible try to get this to quick css:
.home .avia-builder-el-10 .avia_image { position: relative; right: -40px !important; }but it will be nice to have here for the last column a custom class because this does not look good if the h1 under it is stayes there.
And it is much easier to create a specific css code for both img and heading tag.btw. it is not good to have more than one h1 per page !
In reply to: Adding image icons to accordion titles
Hey idcdesign,
I did the first one for you.
I added this to quick css:
h3.aviaccordion-title img.customImage{
opacity: 1 !important;
height: 50px !important;
position: relative !important;
}And I added this to the first caption title in the accordion area.
<img class=”customImage” src=”http://dmn.idcagency.co.uk/wp-content/uploads/2017/02/smallicon_vl.png”/> Vehicle<br>Logistics
All you have to do is copy this into the other titles and replace with the appropriate image src and title.
Best regards,
Jordan ShannonIn reply to: Woocommerce Product Glitch
Here is a copy of the source for the page not loading all the way:
<!DOCTYPE html> <html lang="en-US" class="html_stretched responsive av-preloader-disabled av-default-lightbox html_header_top html_logo_left html_main_nav_header html_menu_right html_custom html_header_sticky html_header_shrinking_disabled html_header_transparency html_mobile_menu_tablet html_disabled html_header_searchicon_disabled html_content_align_center html_header_unstick_top html_header_stretch html_minimal_header html_minimal_header_shadow html_elegant-blog html_entry_id_1028 "> <head> <meta charset="UTF-8" /> <meta name="robots" content="index, follow" /> <!-- mobile setting --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- Scripts/CSS and wp_head hook --> <title>Daylite Series II – Halo Fishing Rods</title> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="Halo Fishing Rods » Feed" href="http://localhost/halo/feed/" /> <link rel="alternate" type="application/rss+xml" title="Halo Fishing Rods » Comments Feed" href="http://localhost/halo/comments/feed/" /> <!-- google webfont font replacement --> <link rel='stylesheet' id='avia-google-webfont' href='//fonts.googleapis.com/css?family=Oswald%7CLato:300,400,700' type='text/css' media='all'/> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/localhost\/halo\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.7.2"}}; !function(a,b,c){function d(a){var b,c,d,e,f=String.fromCharCode;if(!k||!k.fillText)return!1;switch(k.clearRect(0,0,j.width,j.height),k.textBaseline="top",k.font="600 32px Arial",a){case"flag":return k.fillText(f(55356,56826,55356,56819),0,0),!(j.toDataURL().length<3e3)&&(k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,65039,8205,55356,57096),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,55356,57096),0,0),c=j.toDataURL(),b!==c);case"emoji4":return k.fillText(f(55357,56425,55356,57341,8205,55357,56507),0,0),d=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55357,56425,55356,57341,55357,56507),0,0),e=j.toDataURL(),d!==e}return!1}function e(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i,j=b.createElement("canvas"),k=j.getContext&&j.getContext("2d");for(i=Array("flag","emoji4"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='avia-woocommerce-css-css' href='http://localhost/halo/wp-content/themes/enfold/config-woocommerce/woocommerce-mod.css?ver=4.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='avia-grid-css' href='http://localhost/halo/wp-content/themes/enfold/css/grid.css?ver=2' type='text/css' media='all' /> <link rel='stylesheet' id='avia-base-css' href='http://localhost/halo/wp-content/themes/enfold/css/base.css?ver=2' type='text/css' media='all' /> <link rel='stylesheet' id='avia-layout-css' href='http://localhost/halo/wp-content/themes/enfold/css/layout.css?ver=2' type='text/css' media='all' /> <link rel='stylesheet' id='avia-scs-css' href='http://localhost/halo/wp-content/themes/enfold/css/shortcodes.css?ver=2' type='text/css' media='all' /> <link rel='stylesheet' id='avia-popup-css-css' href='http://localhost/halo/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=1' type='text/css' media='screen' /> <link rel='stylesheet' id='avia-media-css' href='http://localhost/halo/wp-content/themes/enfold/js/mediaelement/skin-1/mediaelementplayer.css?ver=1' type='text/css' media='screen' /> <link rel='stylesheet' id='avia-print-css' href='http://localhost/halo/wp-content/themes/enfold/css/print.css?ver=1' type='text/css' media='print' /> <link rel='stylesheet' id='avia-dynamic-css' href='http://localhost/halo/wp-content/uploads/dynamic_avia/bcs.css?ver=58994b57897ed' type='text/css' media='all' /> <link rel='stylesheet' id='avia-custom-css' href='http://localhost/halo/wp-content/themes/enfold/css/custom.css?ver=2' type='text/css' media='all' /> <link rel='stylesheet' id='avia-style-css' href='http://localhost/halo/wp-content/themes/bcs/style.css?ver=2' type='text/css' media='all' /> <link rel='stylesheet' id='avia-gravity-css' href='http://localhost/halo/wp-content/themes/enfold/config-gravityforms/gravity-mod.css?ver=1' type='text/css' media='screen' /> <script type='text/javascript' src='http://localhost/halo/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='http://localhost/halo/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='http://localhost/halo/wp-content/themes/enfold/js/avia-compat.js?ver=2'></script> <link rel='https://api.w.org/' href='http://localhost/halo/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/halo/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/halo/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.7.2" /> <meta name="generator" content="WooCommerce 2.6.14" /> <link rel="canonical" href="http://localhost/halo/daylite-series-ii/" /> <link rel='shortlink' href='http://localhost/halo/?p=1028' /> <link rel="alternate" type="application/json+oembed" href="http://localhost/halo/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%2Fhalo%2Fdaylite-series-ii%2F" /> <link rel="alternate" type="text/xml+oembed" href="http://localhost/halo/wp-json/oembed/1.0/embed?url=http%3A%2F%2Flocalhost%2Fhalo%2Fdaylite-series-ii%2F&format=xml" /> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="alternate" type="application/rss+xml" title="Halo Fishing Rods RSS2 Feed" href="http://localhost/halo/feed/" /> <link rel="pingback" href="http://localhost/halo/xmlrpc.php" /> <style type='text/css' media='screen'> #top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link{ height:70px; line-height: 70px; } .html_top_nav_header .av-logo-container{ height:70px; } .html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:70px; } </style> <!--[if lt IE 9]><script src="http://localhost/halo/wp-content/themes/enfold/js/html5shiv.js"></script><![endif]--> <!-- Debugging Info for Theme support: Theme: Enfold Version: 3.8.4 Installed: enfold AviaFramework Version: 4.6 AviaBuilder Version: 0.9.4 - - - - - - - - - - - ChildTheme: BCS ChildTheme Version: 1.0 ChildTheme Installed: enfold ML:128-PU:51-PLA:2 WP:4.7.2 Updates: disabled --> <style type='text/css'> @font-face {font-family: 'entypo-fontello'; font-weight: normal; font-style: normal; src: url('http://localhost/halo/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3'); src: url('http://localhost/halo/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.eot?v=3#iefix') format('embedded-opentype'), url('http://localhost/halo/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3') format('woff'), url('http://localhost/halo/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3') format('truetype'), url('http://localhost/halo/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.svg?v=3#entypo-fontello') format('svg'); } #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before{ font-family: 'entypo-fontello'; } @font-face {font-family: 'flaticon-sports'; font-weight: normal; font-style: normal; src: url('http://localhost/halo/wp-content/uploads/avia_fonts/flaticon-sports/flaticon-sports.eot'); src: url('http://localhost/halo/wp-content/uploads/avia_fonts/flaticon-sports/flaticon-sports.eot?#iefix') format('embedded-opentype'), url('http://localhost/halo/wp-content/uploads/avia_fonts/flaticon-sports/flaticon-sports.woff') format('woff'), url('http://localhost/halo/wp-content/uploads/avia_fonts/flaticon-sports/flaticon-sports.ttf') format('truetype'), url('http://localhost/halo/wp-content/uploads/avia_fonts/flaticon-sports/flaticon-sports.svg#flaticon-sports') format('svg'); } #top .avia-font-flaticon-sports, body .avia-font-flaticon-sports, html body [data-av_iconfont='flaticon-sports']:before{ font-family: 'flaticon-sports'; } </style> </head> <body id="top" class="page-template-default page page-id-1028 stretched oswald lato " itemscope="itemscope" itemtype="https://schema.org/WebPage" > <div id='wrap_all'> <header id='header' class='all_colors header_color dark_bg_color av_header_top av_logo_left av_main_nav_header av_menu_right av_custom av_header_sticky av_header_shrinking_disabled av_header_stretch av_mobile_menu_tablet av_header_transparency av_header_searchicon_disabled av_header_unstick_top av_seperator_big_border av_minimal_header av_minimal_header_shadow av_bottom_nav_disabled av_alternate_logo_active' role="banner" itemscope="itemscope" itemtype="https://schema.org/WPHeader" > <a id="advanced_menu_toggle" href="#" aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></a><a id="advanced_menu_hide" href="#" aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></a> <div id='header_main' class='container_wrap container_wrap_logo'> <ul class = 'cart_dropdown ' data-success='was added to the cart'><li class='cart_dropdown_first'><a class='cart_dropdown_link' href='http://localhost/halo/cart/'><span aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span><span class='av-cart-counter'>0</span><span class='avia_hidden_link_text'>Shopping Cart</span></a><!--<span class='cart_subtotal'><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>0.00</span></span>--><div class='dropdown_widget dropdown_widget_cart'><div class='avia-arrow'></div><div class="widget_shopping_cart_content"></div></div></li></ul><div class='container av-logo-container'><div class='inner-container'><strong class='logo'><a href='http://localhost/halo/'><img height='100' width='300' src='http://localhost/halo/wp-content/uploads/2017/02/HALO-TRANSPARENT-LOGO-1.png' alt='Halo Fishing Rods' /><span class='subtext'><img src='http://localhost/halo/wp-content/uploads/2017/02/HALO-TRANSPARENT-LOGO-1.png' class='alternate' alt='' title='' /></span></a></strong><nav class='main_menu' data-selectname='Select a page' role="navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement" ><div class="avia-menu av-main-nav-wrap av_menu_icon_beside"><ul id="avia-menu" class="menu av-main-nav"><li id="menu-item-780" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-top-level menu-item-top-level-1"><a href="http://localhost/halo/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Home</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li> <li id="menu-item-871" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-top-level menu-item-top-level-2"><a href="#" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Rods</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a> <ul class="sub-menu"> <li id="menu-item-1164" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/halo/crankin-series-ii/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Crankin Series II</span></a></li> <li id="menu-item-1046" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1028 current_page_item"><a href="http://localhost/halo/daylite-series-ii/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Daylite Series II</span></a></li> <li id="menu-item-1194" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/halo/kryptonite/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Kryptonite</span></a></li> <li id="menu-item-1160" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/halo/rave/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Rave</span></a></li> <li id="menu-item-1179" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/halo/titanium-series/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Titanium Series</span></a></li> <li id="menu-item-1026" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/halo/twilite-series-ii/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Twilite Series II</span></a></li> </ul> </li> <li id="menu-item-1340" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-top-level menu-item-top-level-3"><a itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Shop</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a> <ul class="sub-menu"> <li id="menu-item-1341" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/halo/shop/apparel/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Apparel</span></a></li> <li id="menu-item-1343" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/halo/shop/casting-rods/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Casting Rods</span></a></li> <li id="menu-item-1342" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/halo/shop/spinning-rods/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Spinning Rods</span></a></li> </ul> </li> <li id="menu-item-783" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-mega-parent menu-item-top-level menu-item-top-level-4"><a href="http://localhost/halo/about/team/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Pro Staff</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li> <li id="menu-item-781" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-5"><a href="http://localhost/halo/about/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">About</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li> <li id="menu-item-785" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-6"><a href="http://localhost/halo/contact/" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Contact</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li> </ul></div><ul class='noLightbox social_bookmarks icon_count_3'><li class='social_bookmarks_facebook av-social-link-facebook social_icon_1'><a href='#' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Facebook'><span class='avia_hidden_link_text'>Facebook</span></a></li><li class='social_bookmarks_instagram av-social-link-instagram social_icon_2'><a href='#' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Instagram'><span class='avia_hidden_link_text'>Instagram</span></a></li><li class='social_bookmarks_mail av-social-link-mail social_icon_3'><a href='#' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='Mail'><span class='avia_hidden_link_text'>Mail</span></a></li></ul></nav></div> </div> <!-- end container_wrap--> </div> <div class='header_bg'></div> <!-- end header --> </header> <div id='main' class='all_colors' data-scroll-offset='70'> <div class="single-product" data-product-page-preselected-id="0"> <div itemscope itemtype="http://schema.org/Product" id="product-813" class="post-813 product type-product status-publish has-post-thumbnail product_cat-spinning first instock taxable shipping-taxable purchasable product-type-variable has-default-attributes has-children"> <div class='single-product-main-image alpha'><div class="images"> <a href="http://localhost/halo/wp-content/uploads/2017/01/daylight-thumb.jpg" itemprop="image" class="woocommerce-main-image zoom" title="" rel="prettyPhoto"><img width="450" height="366" src="http://localhost/halo/wp-content/uploads/2017/01/daylight-thumb-450x366.jpg" class="attachment-shop_single size-shop_single wp-post-image" alt="" title="" srcset="http://localhost/halo/wp-content/uploads/2017/01/daylight-thumb-450x366.jpg 450w, http://localhost/halo/wp-content/uploads/2017/01/daylight-thumb-300x244.jpg 300w, http://localhost/halo/wp-content/uploads/2017/01/daylight-thumb-768x624.jpg 768w, http://localhost/halo/wp-content/uploads/2017/01/daylight-thumb-705x573.jpg 705w, http://localhost/halo/wp-content/uploads/2017/01/daylight-thumb.jpg 800w" sizes="(max-width: 450px) 100vw, 450px" /></a></div> </div><div class='single-product-summary'> <div class="summary entry-summary"> <h1 itemprop="name" class="product_title entry-title">Daylight Series II Spinning Rods</h1><div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <p class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>99.99</span></p> <meta itemprop="price" content="99.99" /> <meta itemprop="priceCurrency" content="USD" /> <link itemprop="availability" href="http://schema.org/InStock" /> </div> <div itemprop="description"> <div class="rod-description"> The ALL NEW Series 2 Daylite rods offer big improvements for the same great affordable price!</p> <ul> <li>Quality Graphite Blank</li> <li>Super Light Weight & Sensitive</li> <li>Quality Stainless Steel SIC Guides</li> <li>Quality Build at an Affordable Price</li> <li>Premium Quality Cork Handle</li> </ul> </div> <table class="rodSpecsTable" style="width: 100%;"> <tbody> <tr> <th>Rod Code</th> <th>Power</th> <th>Length</th> <th>Lure Weight</th> <th>Line Weight</th> </tr> <tr> <td>HFDS272MS</td> <td>Medium</td> <td>7′ 2″</td> <td>1/16 – 1/2 oz</td> <td>6 – 12 lb</td> </tr> <tr> <td>HFDS272MHS</td> <td>Med Heavy</td> <td>7′ 2″</td> <td>1/8 – 3/4 oz</td> <td>8 – 15 lb</td> </tr> </tbody> </table> </div> <form class="variations_form cart" method="post" enctype='multipart/form-data' data-product_id="813" data-product_variations="[{"variation_id":814,"variation_is_visible":true,"variation_is_active":true,"is_purchasable":true,"display_price":99.99,"display_regular_price":99.99,"attributes":{"attribute_models":"HFDS272MHS"},"image_src":"","image_link":"","image_title":"","image_alt":"","image_caption":"","image_srcset":"","image_sizes":"","price_html":"","availability_html":"","sku":"","weight":" lbs","dimensions":"","min_qty":1,"max_qty":null,"backorders_allowed":false,"is_in_stock":true,"is_downloadable":false,"is_virtual":false,"is_sold_individually":"no","variation_description":"<table class=\"rod-info\" style=\"width: 100%\">\n<tr>\n<th>Rod Type<\/th>\n<th>Power<\/th>\n<th>Length<\/th>\n<th>Lure Weight<\/th>\n<th>Line Weight<\/th>\n<\/tr>\n<tr>\n<td>Spinning<\/td>\n<td>Med Heavy<\/td>\n<td>7\u2032 2\u2033<\/td>\n<td>1\/8 \u2013 3\/4 oz<\/td>\n<td>8 \u2013 15 lb<\/td>\n<\/tr>\n<\/table>\n"},{"variation_id":815,"variation_is_visible":true,"variation_is_active":true,"is_purchasable":true,"display_price":99.99,"display_regular_price":99.99,"attributes":{"attribute_models":"HFDS272MS"},"image_src":"","image_link":"","image_title":"","image_alt":"","image_caption":"","image_srcset":"","image_sizes":"","price_html":"","availability_html":"","sku":"","weight":" lbs","dimensions":"","min_qty":1,"max_qty":null,"backorders_allowed":false,"is_in_stock":true,"is_downloadable":false,"is_virtual":false,"is_sold_individually":"no","variation_description":"<table class=\"rod-info\" style=\"width: 100%\">\n<tr>\n<th>Rod Type<\/th>\n<th>Power<\/th>\n<th>Length<\/th>\n<th>Lure Weight<\/th>\n<th>Line Weight<\/th>\n<\/tr>\n<tr>\n<td>Spinning<\/td>\n<td>Medium<\/td>\n<td>7\u2032 2\u2033<\/td>\n<td>1\/16 \u2013 1\/2 oz<\/td>\n<td>6 \u2013 12 lb<\/td>\n<\/tr>\n<\/table>\n"}]"> <table class="variations" cellspacing="0"> <tbody> <tr> <td class="label"><label for="models">Models</label></td> <td class="value"> <select id="models" class="" name="attribute_models" data-attribute_name="attribute_models"" data-show_option_none="yes"><option value="">Choose an option</option><option value="HFDS272MS" >HFDS272MS</option><option value="HFDS272MHS" >HFDS272MHS</option></select><a class="reset_variations" href="#">Clear</a> </td> </tr> </tbody> </table> <div class="single_variation_wrap"> <div class="woocommerce-variation single_variation"></div><div class="woocommerce-variation-add-to-cart variations_button"> <div class="quantity"> <input type="number" step="1" min="" max="" name="quantity" value="1" title="Qty" class="input-text qty text" size="4" pattern="[0-9]*" inputmode="numeric" /> </div> <button type="submit" class="single_add_to_cart_button button alt">Add to cart</button> <input type="hidden" name="add-to-cart" value="813" /> <input type="hidden" name="product_id" value="813" /> <input type="hidden" name="variation_id" class="variation_id" value="0" /> </div> </div> </form> <div class="product_meta"> <span class="sku_wrapper">SKU: <span class="sku" itemprop="sku">N/A</span></span> <span class="posted_in">Category: <a href="http://localhost/halo/product-category/fishing-rods/spinning/" rel="tag">Spinning Rods</a></span> </div> </div><!-- .summary --> <div class="woocommerce-tabs wc-tabs-wrapper"> <ul class="tabs wc-tabs"> <li class="additional_information_tab"> <a href="#tab-additional_information">Additional Information</a> </li> <li class="reviews_tab"> <a href="#tab-reviews">Reviews (0)</a> </li> </ul> <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--additional_information panel entry-content wc-tab" id="tab-additional_information"> <h2>Additional Information</h2> <table class="shop_attributes"> <tr class=""> <th>Models</th> <td><p>HFDS272MS, HFDS272MHS</p> </td> </tr> </table> </div> <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--reviews panel entry-content wc-tab" id="tab-reviews"> <div id="reviews" class="woocommerce-Reviews"> <div id="comments"> <h2 class="woocommerce-Reviews-title">Reviews</h2> <p class="woocommerce-noreviews">There are no reviews yet.</p> </div> <div id="review_form_wrapper"> <div id="review_form"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Be the first to review “Daylight Series II Spinning Rods” <small><a rel="nofollow" id="cancel-comment-reply-link" href="/halo/daylite-series-ii/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="http://localhost/halo/wp-comments-post.php" method="post" id="commentform" class="comment-form"> <p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p><p class="comment-form-rating"><label for="rating">Your Rating</label><select name="rating" id="rating" aria-required="true" required> <option value="">Rate…</option> <option value="5">Perfect</option> <option value="4">Good</option> <option value="3">Average</option> <option value="2">Not that bad</option> <option value="1">Very Poor</option> </select></p><p class="comment-form-comment"><label for="comment">Your Review <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required="true" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" aria-required="true" required /></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Submit" /> <input type='hidden' name='comment_post_ID' value='813' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p> </form> </div><!-- #respond --> </div> </div> <div class="clear"></div> </div> </div> </div> </div>In reply to: Border around masonry + title underneath thumbnail
Hi,
I edited your columns and gave them a custom CSS class “custom-column” and then added following code to Quick CSS
.custom-column .avia-image-container { margin-bottom: 0; } .custom-column .hr-custom .hr-inner { bottom: 13px; }Please review your website
Best regards,
YigitHello, i tried to turn on the custom css support for all ALB elements and since then when i try to save/actualize a page in the backend, the page always will show a blank page afterwards (by the way, it saved itself but just leave a blank page, reloading doesn’t help).
I also deleted the css ALB code again from the function.php (enfold and child), restarted the server and the computer, but nothing has helped.
I guess i hasn’t forgotten any code … or added:enfold-child (functions.php):
<?php/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*//*m_code Adding Google Font*/
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Merienda’] = ‘Merienda’;
return $fonts;
}add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Source Sans Pro’] = ‘Source Sans Pro:400,600,800’;
return $fonts;
}?>
enfold-child (functions.php):
<?php
if ( !defined(‘ABSPATH’) ){ die(); }global $avia_config;
/*
* if you run a child theme and dont want to load the default functions.php file
* set the global var below in you childthemes function.php to true:
*
* example: global $avia_config; $avia_config[‘use_child_theme_functions_only’] = true;
* The default functions.php file will then no longer be loaded. You need to make sure then
* to include framework and functions that you want to use by yourself.
*
* This is only recommended for advanced users
*/if(isset($avia_config[‘use_child_theme_functions_only’])) return;
/*
* create a global var which stores the ids of all posts which are displayed on the current page. It will help us to filter duplicate posts
*/
$avia_config[‘posts_on_current_page’] = array();/*
* wpml multi site config file
* needs to be loaded before the framework
*/require_once( ‘config-wpml/config.php’ );
/*
* These are the available color sets in your backend.
* If more sets are added users will be able to create additional color schemes for certain areas
*
* The array key has to be the class name, the value is only used as tab heading on the styling page
*/$avia_config[‘color_sets’] = array(
‘header_color’ => ‘Logo Area’,
‘main_color’ => ‘Main Content’,
‘alternate_color’ => ‘Alternate Content’,
‘footer_color’ => ‘Footer’,
‘socket_color’ => ‘Socket’
);/*
* add support for responsive mega menus
*/add_theme_support(‘avia_mega_menu’);
/*
* add support for improved backend styling
*/add_theme_support(‘avia_improved_backend_style’);
/*
* deactivates the default mega menu and allows us to pass individual menu walkers when calling a menu
*/add_filter(‘avia_mega_menu_walker’, ‘__return_false’);
/*
* adds support for the new avia sidebar manager
*/add_theme_support(‘avia_sidebar_manager’);
/*
* Filters for post formats etc
*/
//add_theme_support(‘avia_queryfilter’);/*
* Register theme text domain
*/
if(!function_exists(‘avia_lang_setup’))
{
add_action(‘after_setup_theme’, ‘avia_lang_setup’);function avia_lang_setup()
{
$lang = apply_filters(‘ava_theme_textdomain_path’, get_template_directory() . ‘/lang’);
load_theme_textdomain(‘avia_framework’, $lang);
}avia_lang_setup();
}/*
function that changes the icon of the theme update tab
*/if(!function_exists(‘avia_theme_update_filter’))
{
function avia_theme_update_filter( $data )
{
if(current_theme_supports(‘avia_improved_backend_style’))
{
$data[‘icon’] = (Email address hidden if logged out) ‘;
}
return $data;
}add_filter(‘avf_update_theme_tab’, ‘avia_theme_update_filter’, 30, 1);
}##################################################################
# AVIA FRAMEWORK by Kriesi# this include calls a file that automatically includes all
# the files within the folder framework and therefore makes
# all functions and classes available for later userequire_once( ‘framework/avia_framework.php’ );
##################################################################
/*
* Register additional image thumbnail sizes
* Those thumbnails are generated on image upload!
*
* If the size of an array was changed after an image was uploaded you either need to re-upload the image
* or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
*/$avia_config[‘imgSize’][‘widget’] = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news
$avia_config[‘imgSize’][‘square’] = array(‘width’=>180, ‘height’=>180); // small image for blogs
$avia_config[‘imgSize’][‘featured’] = array(‘width’=>1500, ‘height’=>430 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘featured_large’] = array(‘width’=>1500, ‘height’=>630 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘extra_large’] = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider
$avia_config[‘imgSize’][‘portfolio’] = array(‘width’=>495, ‘height’=>400 ); // images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘portfolio_small’] = array(‘width’=>260, ‘height’=>185 ); // images for portfolio 4 columns
$avia_config[‘imgSize’][‘gallery’] = array(‘width’=>845, ‘height’=>684 ); // images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘magazine’] = array(‘width’=>710, ‘height’=>375 ); // images for magazines
$avia_config[‘imgSize’][‘masonry’] = array(‘width’=>705, ‘height’=>705 , ‘crop’ => false); // images for fullscreen masonry
$avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries
$avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1210, ‘height’=>423 ); // images for fullsize pages and fullsize slider
$avia_config[‘imgSize’] = apply_filters(‘avf_modify_thumb_size’, $avia_config[‘imgSize’]);$avia_config[‘selectableImgSize’] = array(
‘square’ => __(‘Square’,’avia_framework’),
‘featured’ => __(‘Featured Thin’,’avia_framework’),
‘featured_large’ => __(‘Featured Large’,’avia_framework’),
‘portfolio’ => __(‘Portfolio’,’avia_framework’),
‘gallery’ => __(‘Gallery’,’avia_framework’),
‘entry_with_sidebar’ => __(‘Entry with Sidebar’,’avia_framework’),
‘entry_without_sidebar’ => __(‘Entry without Sidebar’,’avia_framework’),
‘extra_large’ => __(‘Fullscreen Sections/Sliders’,’avia_framework’),);
avia_backend_add_thumbnail_size($avia_config);
if ( ! isset( $content_width ) ) $content_width = $avia_config[‘imgSize’][‘featured’][‘width’];
/*
* register the layout classes
*
*/$avia_config[‘layout’][‘fullsize’] = array(‘content’ => ‘av-content-full alpha’, ‘sidebar’ => ‘hidden’, ‘meta’ => ”,’entry’ => ”);
$avia_config[‘layout’][‘sidebar_left’] = array(‘content’ => ‘av-content-small’, ‘sidebar’ => ‘alpha’ ,’meta’ => ‘alpha’, ‘entry’ => ”);
$avia_config[‘layout’][‘sidebar_right’] = array(‘content’ => ‘av-content-small alpha’,’sidebar’ => ‘alpha’, ‘meta’ => ‘alpha’, ‘entry’ => ‘alpha’);/*
* These are some of the font icons used in the theme, defined by the entypo icon font. the font files are included by the new aviaBuilder
* common icons are stored here for easy retrieval
*/$avia_config[‘font_icons’] = apply_filters(‘avf_default_icons’, array(
//post formats + types
‘standard’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue836’),
‘link’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue822’),
‘image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80f’),
‘audio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue801’),
‘quote’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue833’),
‘gallery’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80e’),
‘video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80d’),
‘portfolio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue849’),
‘product’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),//social
‘behance’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue915’),
‘dribbble’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fe’),
‘facebook’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f3’),
‘flickr’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ed’),
‘gplus’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f6’),
‘linkedin’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fc’),
‘instagram’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue909’),
‘pinterest’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f8’),
‘skype’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90d’),
‘tumblr’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fa’),
‘twitter’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f1’),
‘vimeo’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ef’),
‘rss’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue853’),
‘youtube’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue921’),
‘xing’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue923’),
‘soundcloud’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue913’),
‘five_100_px’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue91d’),
‘vk’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue926’),
‘reddit’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue927’),
‘digg’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue928’),
‘delicious’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue929’),
‘mail’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue805’),//woocomemrce
‘cart’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),
‘details’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue84b’),//bbpress
‘supersticky’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808’),
‘sticky’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809’),
‘one_voice’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83b’),
‘multi_voice’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83c’),
‘closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue824’),
‘sticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808\ue824’),
‘supersticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809\ue824’),//navigation, slider & controls
‘play’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),
‘pause’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue899’),
‘next’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue879’),
‘prev’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue878’),
‘next_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87d’),
‘prev_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87c’),
‘close’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue814’),
‘reload’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue891’),
‘mobile_menu’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8a5’),//image hover overlays
‘ov_external’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue832’),
‘ov_image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue869’),
‘ov_video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),//misc
‘search’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue803’),
‘info’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue81e’),
‘clipboard’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8d1’),
‘scrolltop’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue876’),
‘scrolldown’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue877’),
‘bitcoin’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue92a’),));
add_theme_support( ‘automatic-feed-links’ );
##################################################################
# Frontend Stuff necessary for the theme:
##################################################################/*
* Register frontend javascripts:
*/
if(!function_exists(‘avia_register_frontend_scripts’))
{
if(!is_admin()){
add_action(‘wp_enqueue_scripts’, ‘avia_register_frontend_scripts’);
}function avia_register_frontend_scripts()
{
$template_url = get_template_directory_uri();
$child_theme_url = get_stylesheet_directory_uri();//register js
wp_enqueue_script( ‘avia-compat’, $template_url.’/js/avia-compat.js’, array(‘jquery’), 2, false ); //needs to be loaded at the top to prevent bugs
wp_enqueue_script( ‘avia-default’, $template_url.’/js/avia.js’, array(‘jquery’), 3, true );
wp_enqueue_script( ‘avia-shortcodes’, $template_url.’/js/shortcodes.js’, array(‘jquery’), 3, true );
wp_enqueue_script( ‘avia-popup’, $template_url.’/js/aviapopup/jquery.magnific-popup.min.js’, array(‘jquery’), 2, true);wp_enqueue_script( ‘jquery’ );
wp_enqueue_script( ‘wp-mediaelement’ );if ( is_singular() && get_option( ‘thread_comments’ ) ) { wp_enqueue_script( ‘comment-reply’ ); }
//register styles
wp_register_style( ‘avia-style’ , $child_theme_url.”/style.css”, array(), ‘2’, ‘all’ ); //register default style.css file. only include in childthemes. has no purpose in main theme
wp_register_style( ‘avia-custom’, $template_url.”/css/custom.css”, array(), ‘2’, ‘all’ );wp_enqueue_style( ‘avia-grid’ , $template_url.”/css/grid.css”, array(), ‘2’, ‘all’ );
wp_enqueue_style( ‘avia-base’ , $template_url.”/css/base.css”, array(), ‘2’, ‘all’ );
wp_enqueue_style( ‘avia-layout’, $template_url.”/css/layout.css”, array(), ‘2’, ‘all’ );
wp_enqueue_style( ‘avia-scs’, $template_url.”/css/shortcodes.css”, array(), ‘2’, ‘all’ );
wp_enqueue_style( ‘avia-popup-css’, $template_url.”/js/aviapopup/magnific-popup.css”, array(), ‘1’, ‘screen’ );
wp_enqueue_style( ‘avia-media’ , $template_url.”/js/mediaelement/skin-1/mediaelementplayer.css”, array(), ‘1’, ‘screen’ );
wp_enqueue_style( ‘avia-print’ , $template_url.”/css/print.css”, array(), ‘1’, ‘print’ );if ( is_rtl() ) {
wp_enqueue_style( ‘avia-rtl’, $template_url.”/css/rtl.css”, array(), ‘1’, ‘all’ );
}global $avia;
$safe_name = avia_backend_safe_string($avia->base_data[‘prefix’]);
$safe_name = apply_filters(‘avf_dynamic_stylesheet_filename’, $safe_name);if( get_option(‘avia_stylesheet_exists’.$safe_name) == ‘true’ )
{
$avia_upload_dir = wp_upload_dir();
if(is_ssl()) $avia_upload_dir[‘baseurl’] = str_replace(“http://”, “https://”, $avia_upload_dir[‘baseurl’]);$avia_dyn_stylesheet_url = $avia_upload_dir[‘baseurl’] . ‘/dynamic_avia/’.$safe_name.’.css’;
$version_number = get_option(‘avia_stylesheet_dynamic_version’.$safe_name);
if(empty($version_number)) $version_number = ‘1’;wp_enqueue_style( ‘avia-dynamic’, $avia_dyn_stylesheet_url, array(), $version_number, ‘all’ );
}wp_enqueue_style( ‘avia-custom’);
if($child_theme_url != $template_url)
{
wp_enqueue_style( ‘avia-style’);
}}
}if(!function_exists(‘avia_remove_default_video_styling’))
{
if(!is_admin()){
add_action(‘wp_footer’, ‘avia_remove_default_video_styling’, 1);
}function avia_remove_default_video_styling()
{
//remove default style for videos
wp_dequeue_style( ‘mediaelement’ );
// wp_dequeue_script( ‘wp-mediaelement’ );
// wp_dequeue_style( ‘wp-mediaelement’ );
}
}/*
* Activate native wordpress navigation menu and register a menu location
*/
if(!function_exists(‘avia_nav_menus’))
{
function avia_nav_menus()
{
global $avia_config, $wp_customize;add_theme_support(‘nav_menus’);
foreach($avia_config[‘nav_menus’] as $key => $value)
{
//wp-admin\customize.php does not support html code in the menu description – thus we need to strip it
$name = (!empty($value[‘plain’]) && !empty($wp_customize)) ? $value[‘plain’] : $value[‘html’];
register_nav_menu($key, THEMENAME.’ ‘.$name);
}
}$avia_config[‘nav_menus’] = array( ‘avia’ => array(‘html’ => __(‘Main Menu’, ‘avia_framework’)),
‘avia2’ => array(
‘html’ => ”.__(‘Secondary Menu’, ‘avia_framework’).’ <br/><small>(‘.__(‘Will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’).’ ‘.__(‘here’, ‘avia_framework’).’)</small>’,
‘plain’=> __(‘Secondary Menu – will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’)),
‘avia3’ => array(
‘html’ => __(‘Footer Menu <br/><small>(no dropdowns)</small>’, ‘avia_framework’),
‘plain’=> __(‘Footer Menu (no dropdowns)’, ‘avia_framework’))
);avia_nav_menus(); //call the function immediatly to activate
}/*
* load some frontend functions in folder include:
*/require_once( ‘includes/admin/register-portfolio.php’ ); // register custom post types for portfolio entries
require_once( ‘includes/admin/register-widget-area.php’ ); // register sidebar widgets for the sidebar and footer
require_once( ‘includes/loop-comments.php’ ); // necessary to display the comments properly
require_once( ‘includes/helper-template-logic.php’ ); // holds the template logic so the theme knows which tempaltes to use
require_once( ‘includes/helper-social-media.php’ ); // holds some helper functions necessary for twitter and facebook buttons
require_once( ‘includes/helper-post-format.php’ ); // holds actions and filter necessary for post formats
require_once( ‘includes/helper-markup.php’ ); // holds the markup logic (schema.org and html5)if(current_theme_supports(‘avia_conditionals_for_mega_menu’))
{
require_once( ‘includes/helper-conditional-megamenu.php’ ); // holds the walker for the responsive mega menu
}require_once( ‘includes/helper-responsive-megamenu.php’ ); // holds the walker for the responsive mega menu
//adds the plugin initalization scripts that add styles and functions
if(!current_theme_supports(‘deactivate_layerslider’)) require_once( ‘config-layerslider/config.php’ );//layerslider plugin
require_once( ‘config-bbpress/config.php’ ); //compatibility with bbpress forum plugin
require_once( ‘config-templatebuilder/config.php’ ); //templatebuilder plugin
require_once( ‘config-gravityforms/config.php’ ); //compatibility with gravityforms plugin
require_once( ‘config-woocommerce/config.php’ ); //compatibility with woocommerce plugin
require_once( ‘config-wordpress-seo/config.php’ ); //compatibility with Yoast WordPress SEO pluginif(!current_theme_supports(‘deactivate_tribe_events_calendar’))
{
require_once( ‘config-events-calendar/config.php’ ); //compatibility with the Events Calendar plugin
}if(is_admin())
{
require_once( ‘includes/admin/helper-compat-update.php’); // include helper functions for new versions
}/*
* dynamic styles for front and backend
*/
if(!function_exists(‘avia_custom_styles’))
{
function avia_custom_styles()
{
require_once( ‘includes/admin/register-dynamic-styles.php’ ); // register the styles for dynamic frontend styling
avia_prepare_dynamic_styles();
}add_action(‘init’, ‘avia_custom_styles’, 20);
add_action(‘admin_init’, ‘avia_custom_styles’, 20);
}/*
* activate framework widgets
*/
if(!function_exists(‘avia_register_avia_widgets’))
{
function avia_register_avia_widgets()
{
register_widget( ‘avia_newsbox’ );
register_widget( ‘avia_portfoliobox’ );
register_widget( ‘avia_socialcount’ );
register_widget( ‘avia_combo_widget’ );
register_widget( ‘avia_partner_widget’ );
register_widget( ‘avia_google_maps’ );
register_widget( ‘avia_fb_likebox’ );
register_widget( ‘avia_instagram_widget’ );}
avia_register_avia_widgets(); //call the function immediatly to activate
}/*
* add post format options
*/
add_theme_support( ‘post-formats’, array(‘link’, ‘quote’, ‘gallery’,’video’,’image’,’audio’ ) );/*
* Remove the default shortcode function, we got new ones that are better ;)
*/
add_theme_support( ‘avia-disable-default-shortcodes’, true);/*
* compat mode for easier theme switching from one avia framework theme to another
*/
add_theme_support( ‘avia_post_meta_compat’);/*
* make sure that enfold widgets dont use the old slideshow parameter in widgets, but default post thumbnails
*/
add_theme_support(‘force-post-thumbnails-in-widget’);/*
* display page titles via wordpress default output
*/
function av_theme_slug_setup()
{
add_theme_support( ‘title-tag’ );
}add_action( ‘after_setup_theme’, ‘av_theme_slug_setup’ );
/*title fallback*/
if ( ! function_exists( ‘_wp_render_title_tag’ ) )
{
function av_theme_slug_render_title()
{
echo “<title>” . avia_set_title_tag() .”</title>”;
}
add_action( ‘wp_head’, ‘av_theme_slug_render_title’ );
}/*
* register custom functions that are not related to the framework but necessary for the theme to run
*/require_once( ‘functions-enfold.php’);
/*
* add option to edit elements via css class
*/
// add_theme_support(‘avia_template_builder_custom_css’);Topic: please help me out
Hello,
I run into a problem. I’m trying to add a custom css section to my element builder.
I saw documantation about it and I follow the steps but it dont work.When I paste this line: add_theme_support(‘avia_template_builder_custom_css’); into my functions.php nothing happens. Maybe can you guys help me out what the problem is.
This is my function.php page:<?php
global $avia_config;
/*
* if you run a child theme and dont want to load the default functions.php file
* set the global var below in you childthemes function.php to true:
*
* example: global $avia_config; $avia_config[‘use_child_theme_functions_only’] = true;
* The default functions.php file will then no longer be loaded. You need to make sure then
* to include framework and functions that you want to use by yourself.
*
* This is only recommended for advanced users
*/if(isset($avia_config[‘use_child_theme_functions_only’])) return;
/*
* create a global var which stores the ids of all posts which are displayed on the current page. It will help us to filter duplicate posts
*/
$avia_config[‘posts_on_current_page’] = array();/*
* wpml multi site config file
* needs to be loaded before the framework
*/require_once( ‘config-wpml/config.php’ );
/*
* These are the available color sets in your backend.
* If more sets are added users will be able to create additional color schemes for certain areas
*
* The array key has to be the class name, the value is only used as tab heading on the styling page
*/$avia_config[‘color_sets’] = array(
‘header_color’ => ‘Logo Area’,
‘main_color’ => ‘Main Content’,
‘alternate_color’ => ‘Alternate Content’,
‘footer_color’ => ‘Footer’,
‘socket_color’ => ‘Socket’
);/*
* add support for responsive mega menus
*/add_theme_support(‘avia_mega_menu’);
/*
* deactivates the default mega menu and allows us to pass individual menu walkers when calling a menu
*/add_filter(‘avia_mega_menu_walker’, ‘__return_false’);
/*
* adds support for the new avia sidebar manager
*/add_theme_support(‘avia_sidebar_manager’);
/*
* Filters for post formats etc
*/
//add_theme_support(‘avia_queryfilter’);/*
* Register theme text domain
*/
if(!function_exists(‘avia_lang_setup’))
{
add_action(‘after_setup_theme’, ‘avia_lang_setup’);
function avia_lang_setup()
{
$lang = apply_filters(‘ava_theme_textdomain_path’, get_template_directory() . ‘/lang’);
load_theme_textdomain(‘avia_framework’, $lang);
}
avia_lang_setup();
}##################################################################
# AVIA FRAMEWORK by Kriesi# this include calls a file that automatically includes all
# the files within the folder framework and therefore makes
# all functions and classes available for later userequire_once( ‘framework/avia_framework.php’ );
##################################################################
/*
* Register additional image thumbnail sizes
* Those thumbnails are generated on image upload!
*
* If the size of an array was changed after an image was uploaded you either need to re-upload the image
* or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
*/$avia_config[‘imgSize’][‘widget’]
= array(‘width’=>36, ‘height’=>36);
// small preview pics eg sidebar news
$avia_config[‘imgSize’][‘square’]
= array(‘width’=>180, ‘height’=>180);
// small image for blogs
$avia_config[‘imgSize’][‘featured’]
= array(‘width’=>1500, ‘height’=>430 );
// images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘featured_large’]
= array(‘width’=>1500, ‘height’=>630 );
// images for fullsize pages and fullsize slider
$avia_config[‘imgSize’][‘extra_large’]
= array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false);
// images for fullscrren slider
$avia_config[‘imgSize’][‘portfolio’]
= array(‘width’=>495, ‘height’=>400 );
// images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘portfolio_small’]
= array(‘width’=>260, ‘height’=>185 );
// images for portfolio 4 columns
$avia_config[‘imgSize’][‘gallery’]
= array(‘width’=>845, ‘height’=>684 );
// images for portfolio entries (2,3 column)
$avia_config[‘imgSize’][‘magazine’]
= array(‘width’=>710, ‘height’=>375 );
// images for magazines
$avia_config[‘imgSize’][‘masonry’]
= array(‘width’=>705, ‘height’=>705 , ‘crop’ => false);
// images for fullscreen masonry
$avia_config[‘imgSize’][‘entry_with_sidebar’]
= array(‘width’=>845, ‘height’=>321);
// big images for blog and page entries
$avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>1210, ‘height’=>423 );
// images for fullsize pages and fullsize slider
$avia_config[‘imgSize’] = apply_filters(‘avf_modify_thumb_size’, $avia_config[‘imgSize’]);$avia_config[‘selectableImgSize’] = array(
‘square’
=> __(‘Square’,’avia_framework’),
‘featured’
=> __(‘Featured Thin’,’avia_framework’),
‘featured_large’
=> __(‘Featured Large’,’avia_framework’),
‘portfolio’
=> __(‘Portfolio’,’avia_framework’),
‘gallery’
=> __(‘Gallery’,’avia_framework’),
‘entry_with_sidebar’ => __(‘Entry with Sidebar’,’avia_framework’),
‘entry_without_sidebar’
=> __(‘Entry without Sidebar’,’avia_framework’),
‘extra_large’
=> __(‘Fullscreen Sections/Sliders’,’avia_framework’),
);avia_backend_add_thumbnail_size($avia_config);
if ( ! isset( $content_width ) ) $content_width = $avia_config[‘imgSize’][‘featured’][‘width’];
/*
* register the layout classes
*
*/$avia_config[‘layout’][‘fullsize’]
= array(‘content’ => ‘av-content-full alpha’, ‘sidebar’ => ‘hidden’,
‘meta’ => ”,’entry’ => ”);
$avia_config[‘layout’][‘sidebar_left’]
= array(‘content’ => ‘av-content-small’,
‘sidebar’ => ‘alpha’ ,’meta’ => ‘alpha’, ‘entry’ => ”);
$avia_config[‘layout’][‘sidebar_right’] = array(‘content’ => ‘av-content-small alpha’,’sidebar’ => ‘alpha’, ‘meta’ => ‘alpha’, ‘entry’ => ‘alpha’);/*
* These are some of the font icons used in the theme, defined by the entypo icon font. the font files are included by the new aviaBuilder
* common icons are stored here for easy retrieval
*/$avia_config[‘font_icons’] = apply_filters(‘avf_default_icons’, array(
//post formats + types
‘standard’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue836’),
‘link’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue822’),
‘image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80f’),
‘audio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue801’),
‘quote’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue833’),
‘gallery’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80e’),
‘video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue80d’),
‘portfolio’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue849’),
‘product’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),//social
‘behance’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue915’),
‘dribbble’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fe’),
‘facebook’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f3’),
‘flickr’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ed’),
‘gplus’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f6’),
‘linkedin’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fc’),
‘instagram’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue909’),
‘pinterest’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f8’),
‘skype’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue90d’),
‘tumblr’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8fa’),
‘twitter’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8f1’),
‘vimeo’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8ef’),
‘rss’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue853’),
‘youtube’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue921’),
‘xing’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue923’),
‘soundcloud’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue913’),
‘five_100_px’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue91d’),
‘vk’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue926’),
‘reddit’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue927’),
‘digg’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue928’),
‘delicious’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue929’),
‘mail’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue805’),
//woocomemrce
‘cart’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),
‘details’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue84b’),//bbpress
‘supersticky’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808’),
‘sticky’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809’),
‘one_voice’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83b’),
‘multi_voice’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue83c’),
‘closed’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue824’),
‘sticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue808\ue824’),
‘supersticky_closed’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue809\ue824’),
//navigation, slider & controls
‘play’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),
‘pause’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue899’),
‘next’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue879’),
‘prev’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue878’),
‘next_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87d’),
‘prev_big’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue87c’),
‘close’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue814’),
‘reload’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue891’),
‘mobile_menu’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8a5’),
//image hover overlays
‘ov_external’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue832’),
‘ov_image’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue869’),
‘ov_video’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue897’),//misc
‘search’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue803’),
‘info’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue81e’),
‘clipboard’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue8d1’),
‘scrolltop’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue876’),
‘scrolldown’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue877’),
‘bitcoin’
=> array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue92a’),));
add_theme_support( ‘automatic-feed-links’ );
##################################################################
# Frontend Stuff necessary for the theme:
##################################################################/*
* Register frontend javascripts:
*/
if(!function_exists(‘avia_register_frontend_scripts’))
{
if(!is_admin()){
add_action(‘wp_enqueue_scripts’, ‘avia_register_frontend_scripts’);
}function avia_register_frontend_scripts()
{
$template_url = get_template_directory_uri();
$child_theme_url = get_stylesheet_directory_uri();//register js
wp_enqueue_script( ‘avia-compat’, $template_url.’/js/avia-compat.js’, array(‘jquery’), 2, false ); //needs to be loaded at the top to prevent bugs
wp_enqueue_script( ‘avia-default’, $template_url.’/js/avia.js’, array(‘jquery’), 3, true );
wp_enqueue_script( ‘avia-shortcodes’, $template_url.’/js/shortcodes.js’, array(‘jquery’), 3, true );
wp_enqueue_script( ‘avia-popup’, $template_url.’/js/aviapopup/jquery.magnific-popup.min.js’, array(‘jquery’), 2, true);wp_enqueue_script( ‘jquery’ );
wp_enqueue_script( ‘wp-mediaelement’ );if ( is_singular() && get_option( ‘thread_comments’ ) ) { wp_enqueue_script( ‘comment-reply’ ); }
//register styles
wp_register_style( ‘avia-style’ , $child_theme_url.”/style.css”, array(), ‘2’, ‘all’ ); //register default style.css file. only include in childthemes. has no purpose in main theme
wp_register_style( ‘avia-custom’, $template_url.”/css/custom.css”, array(), ‘2’, ‘all’ );wp_enqueue_style( ‘avia-grid’ , $template_url.”/css/grid.css”, array(), ‘2’, ‘all’ );
wp_enqueue_style( ‘avia-base’ , $template_url.”/css/base.css”, array(), ‘2’, ‘all’ );
wp_enqueue_style( ‘avia-layout’, $template_url.”/css/layout.css”, array(), ‘2’, ‘all’ );
wp_enqueue_style( ‘avia-scs’, $template_url.”/css/shortcodes.css”, array(), ‘2’, ‘all’ );
wp_enqueue_style( ‘avia-popup-css’, $template_url.”/js/aviapopup/magnific-popup.css”, array(), ‘1’, ‘screen’ );
wp_enqueue_style( ‘avia-media’ , $template_url.”/js/mediaelement/skin-1/mediaelementplayer.css”, array(), ‘1’, ‘screen’ );
wp_enqueue_style( ‘avia-print’ , $template_url.”/css/print.css”, array(), ‘1’, ‘print’ );
if ( is_rtl() ) {
wp_enqueue_style( ‘avia-rtl’, $template_url.”/css/rtl.css”, array(), ‘1’, ‘all’ );
}global $avia;
$safe_name = avia_backend_safe_string($avia->base_data[‘prefix’]);
$safe_name = apply_filters(‘avf_dynamic_stylesheet_filename’, $safe_name);if( get_option(‘avia_stylesheet_exists’.$safe_name) == ‘true’ )
{
$avia_upload_dir = wp_upload_dir();
if(is_ssl()) $avia_upload_dir[‘baseurl’] = str_replace(“http://”, “https://”, $avia_upload_dir[‘baseurl’]);$avia_dyn_stylesheet_url = $avia_upload_dir[‘baseurl’] . ‘/dynamic_avia/’.$safe_name.’.css’;
$version_number = get_option(‘avia_stylesheet_dynamic_version’.$safe_name);
if(empty($version_number)) $version_number = ‘1’;wp_enqueue_style( ‘avia-dynamic’, $avia_dyn_stylesheet_url, array(), $version_number, ‘all’ );
}wp_enqueue_style( ‘avia-custom’);
if($child_theme_url != $template_url)
{
wp_enqueue_style( ‘avia-style’);
}}
}if(!function_exists(‘avia_remove_default_video_styling’))
{
if(!is_admin()){
add_action(‘wp_footer’, ‘avia_remove_default_video_styling’, 1);
}function avia_remove_default_video_styling()
{
//remove default style for videos
wp_dequeue_style( ‘mediaelement’ );
// wp_dequeue_script( ‘wp-mediaelement’ );
// wp_dequeue_style( ‘wp-mediaelement’ );
}
}/*
* Activate native wordpress navigation menu and register a menu location
*/
if(!function_exists(‘avia_nav_menus’))
{
function avia_nav_menus()
{
global $avia_config, $wp_customize;add_theme_support(‘nav_menus’);
foreach($avia_config[‘nav_menus’] as $key => $value)
{
//wp-admin\customize.php does not support html code in the menu description – thus we need to strip it
$name = (!empty($value[‘plain’]) && !empty($wp_customize)) ? $value[‘plain’] : $value[‘html’];
register_nav_menu($key, THEMENAME.’ ‘.$name);
}
}$avia_config[‘nav_menus’] = array(
‘avia’ => array(‘html’ => __(‘Main Menu’, ‘avia_framework’)),
‘avia2’ => array(
‘html’ => __(‘Secondary Menu <br/><small>(Will be displayed if you selected a header layout that supports a submenu here)</small>’, ‘avia_framework’),
‘plain’=> __(‘Secondary Menu – will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’)),
‘avia3’ => array(
‘html’ => __(‘Footer Menu <br/><small>(no dropdowns)</small>’, ‘avia_framework’),
‘plain’=> __(‘Footer Menu (no dropdowns)’, ‘avia_framework’))
);avia_nav_menus(); //call the function immediatly to activate
}/*
* load some frontend functions in folder include:
*/require_once( ‘includes/admin/register-portfolio.php’ );
// register custom post types for portfolio entries
require_once( ‘includes/admin/register-widget-area.php’ );
// register sidebar widgets for the sidebar and footer
require_once( ‘includes/loop-comments.php’ );
// necessary to display the comments properly
require_once( ‘includes/helper-template-logic.php’ );
// holds the template logic so the theme knows which tempaltes to use
require_once( ‘includes/helper-social-media.php’ );
// holds some helper functions necessary for twitter and facebook buttons
require_once( ‘includes/helper-post-format.php’ );
// holds actions and filter necessary for post formats
require_once( ‘includes/helper-markup.php’ );
// holds the markup logic (schema.org and html5)if(current_theme_supports(‘avia_conditionals_for_mega_menu’))
{
require_once( ‘includes/helper-conditional-megamenu.php’ ); // holds the walker for the responsive mega menu
}require_once( ‘includes/helper-responsive-megamenu.php’ );
// holds the walker for the responsive mega menu//adds the plugin initalization scripts that add styles and functions
if(!current_theme_supports(‘deactivate_layerslider’)) require_once( ‘config-layerslider/config.php’ );//layerslider plugin
require_once( ‘config-bbpress/config.php’ );
//compatibility with bbpress forum plugin
require_once( ‘config-templatebuilder/config.php’ );
//templatebuilder plugin
require_once( ‘config-gravityforms/config.php’ );
//compatibility with gravityforms plugin
require_once( ‘config-woocommerce/config.php’ );
//compatibility with woocommerce plugin
require_once( ‘config-wordpress-seo/config.php’ );
//compatibility with Yoast WordPress SEO pluginif(!current_theme_supports(‘deactivate_tribe_events_calendar’))
{
require_once( ‘config-events-calendar/config.php’ );
//compatibility with the Events Calendar plugin
}if(is_admin())
{
require_once( ‘includes/admin/helper-compat-update.php’);
// include helper functions for new versions
}/*
* dynamic styles for front and backend
*/
if(!function_exists(‘avia_custom_styles’))
{
function avia_custom_styles()
{
require_once( ‘includes/admin/register-dynamic-styles.php’ );
// register the styles for dynamic frontend styling
avia_prepare_dynamic_styles();
}add_action(‘init’, ‘avia_custom_styles’, 20);
add_action(‘admin_init’, ‘avia_custom_styles’, 20);
}/*
* activate framework widgets
*/
if(!function_exists(‘avia_register_avia_widgets’))
{
function avia_register_avia_widgets()
{
register_widget( ‘avia_newsbox’ );
register_widget( ‘avia_portfoliobox’ );
register_widget( ‘avia_socialcount’ );
register_widget( ‘avia_combo_widget’ );
register_widget( ‘avia_partner_widget’ );
register_widget( ‘avia_google_maps’ );
register_widget( ‘avia_fb_likebox’ );
register_widget( ‘avia_instagram_widget’ );
}avia_register_avia_widgets(); //call the function immediatly to activate
}/*
* add post format options
*/
add_theme_support( ‘post-formats’, array(‘link’, ‘quote’, ‘gallery’,’video’,’image’,’audio’ ) );/*
* Remove the default shortcode function, we got new ones that are better ;)
*/
add_theme_support( ‘avia-disable-default-shortcodes’, true);/*
* compat mode for easier theme switching from one avia framework theme to another
*/
add_theme_support( ‘avia_post_meta_compat’);/*
* make sure that enfold widgets dont use the old slideshow parameter in widgets, but default post thumbnails
*/
add_theme_support(‘force-post-thumbnails-in-widget’);/*
* register custom functions that are not related to the framework but necessary for the theme to run
*/require_once( ‘functions-enfold.php’);
/*
* add option to edit elements via css class
*/add_theme_support(‘avia_template_builder_custom_css’);
————————————————
I hope to hear from you guys soon!
In reply to: Swap Background Image on Fullscreen Slider on Mobile
Thank you for the reply. I’m not sure I understand everything you said, I’m also not technical.
I turned on the custom CSS, added the custom class name and put the below in the quick css, but its not working.
@media only screen and (max-width: 767px) { background-color: #000000; .herom .avia-slideshow > ul > li:first-child { background-image: url(https://domainhere.com/wp-content/uploads/2015/02/vanish-bg3.jpg) !important; } }Thanks
In reply to: Swap Background Image on Fullscreen Slider on Mobile
Hi,
Please turn on the custom css class field, add a unique class attribute to the slider then apply the following css code.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .avia-fullscreen-slider .avia-slideshow > ul > li:first-child { background-image: url(IMAGE URL HERE) !important; } }Replace the selector “.avia-fullscreen-slider” with the custom css class attribute.
Best regards,
IsmaelIn reply to: Button size and bullets not showing up
1- You still did not answer my question about “I would have to add a new css for every magazine cover I use on that page and change “wp-image-315” to the new image? Is that correct?”
2- what would be the class name in the css?
.avia-button-wrap span.avia_iconbox_title {
font-size: 12px;
}Would it be something like this?
Custom Css Class = magazinebutton
Quick Css code – .avia-button-wrap span.avia_iconbox_title.magazinebutton {
font-size: 12px;
}Is that correct?
In reply to: How to edit woocomerce product page layout
Hi,
Thank you for the screenshot.
Please add the following code in the functions.php file.
// adjust settings on init add_action('init','ava534345953_init', 50); function ava534345953_init() { add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25); } function avia_close_image_div() { global $avia_config; echo "</div>"; } function avia_add_sidebar() { if(is_product()) { $avia_config['currently_viewing'] = "shop_single"; get_sidebar(); } } add_action('wp_footer', 'ava_custom_script'); function ava_custom_script(){ ?> <script type="text/javascript"> (function($) { function a() { $('.single .product').prepend('<div class="single-product-main-container"></div>'); $('.single-product-main-image, .single-product-summary').prependTo('.single-product-main-container'); } a(); })(jQuery); </script> <?php }And this code in the Quick CSS field.
.single-product-main-container { width: 70%; float: right; margin-left: 5% } .single-product-main-image { width: 45%; float: left; margin-right: 0; } .single-product-summary { overflow: hidden; width: 45%; float: left; margin-left: 5%; } .single-product .sidebar { width: 25%; }Best regards,
IsmaelIn reply to: Trying to replicate a specific grid format
Hi,
there is no special function for this in the theme and thus it will be difficult to achieve this effect. You can try to adjust margin value of the small images:
.avia-image-container.avia-align-center { margin-bottom: 6px; }until it fits for you. Then you could adjust image height of the bigger image with a code like this:
.avia-image-container.av-styling-.avia-builder-el-17.avia-builder-el-no-sibling.avia-align-center img.avia_image { height: 225px; }You could also turn on custom css class for this image, so the code you need to use gets easier to handle.
If you need this all to work on smaller devices, too, then you need to wrap media queries around the code.
Best regards,
AndyIn reply to: progress bar with link to pop up text
hello,
Can you see if it is correct?
I have added: .progressbar-price { padding-right: 0px; margin-right: -10px; } @media only screen and (max-width: 989px) and (min-width: 768px) { .progressbar-price { padding-right: 0px; margin-right: -10px; }}
to the custom css class in “catalogue”.
Is this correct and suppose I need to do it for each catalog then?
My quick css looks like below and contain come css for catalog too, do I need to keep this or remove some of it?
.custom-tag {
padding: 5px;
background-color: rgba(0,0,0,0.5);
}#top .widget_nav_menu {
padding-top: 0;
}.sidebar_left {
-moz-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
}.sidebar_left .inner_sidebar {
margin-right: 0 !important;
}.sidebar_left .widget_nav_menu ul li a {
border: 1px solid #e1e1e1;
border-right: 0;
border-left: 0;
margin: 0 0 -1px;
padding: 12px 16px !important;
text-align: left;
}.sidebar_left .widget_nav_menu ul li:first-child a {
border-top: 0;
}@media only screen and (max-width: 767px) {
.progressbar-title {
font-size: 11px;
}
}@media only screen and (max-width: 767px) {
.av-catalogue-content p:last-child {
font-size: 11px;
}.avia_message_box_content {
margin-left: -8px;
margin-right: -8px;
}
}
.page-id-3665 #element_avia_17_1 {
width: 100%;
margin-left: 0;
}
.av-catalogue-content {
padding-right: 0px;
}
.avia-testimonial-image {
float: none;
margin: 0 auto 0px auto;
}In reply to: how to place an image in button on fullwidth slider
right now i have placed the code u sended me so
.page-id-3437 .customclass .avia-slideshow-button::after {
content: url("/wp-content/uploads/excell-icon.png");
display: inline-table;
height: auto;
padding: 0 0 0 10px;
width: 30px;
}
#top.page-id-3437 .customclass .avia-slideshow-button {
display: inline;
height: 50px;
top: 30px;
}In my custom css. I also gave my fullwidth slider a customclass name ‘ customclass’ but it doesnt work with me. What am i doin wrong?
i am using the sliding. It will only be 1 image that will be used.
Hi
I’d like to say how much I am enjoying using the Enfold theme, and how impressive your tech support is!I’m trying to do two customisations on the Color Selection with a back ground Image. Unrtunately I’m developing locally, so can’t provide access.
Here’s the element from the page
<div id="castiletop" class="avia-section header_color avia-section-small avia-no-border-styling av-section-color-overlay-active avia-bg-style-scroll avia-builder-el-0 el_before_av_section avia-builder-el-first myname av-minimum-height av-minimum-height-custom container_wrap fullsize" style="background-repeat: no-repeat; background-image: url(https://tcs-japan-new:8888/wp-content/uploads/2016/11/The-Camel-Soap-Factory-Pure-and-Natural-Camel-Milk-Soap-1-4.jpg); background-attachment: scroll; background-position: center left; " data-section-bg-repeat="no-repeat"><div class="av-section-color-overlay-wrap"><div class="av-section-color-overlay" style="opacity: 0.5; background-color: #ffffff; "></div><div class="container" style="height:500px"><main role="main" itemprop="mainContentOfPage" class="template-page content av-content-full alpha units"><div class="post-entry post-entry-type-page post-entry-39"><div class="entry-content-wrapper clearfix">I ‘ve implemented avia_template_builder_custom_css and have given it a name (myname) as well as giving the id (castiletop)
So, two questions:
1. I’d like to ‘nudge’ the background image say 20px to the right – as a temporary solution I’ve added whitespace to the actual image, but this is not suitable on smaller screens. can this be done ?
2. The code shows that I have a white overlay @ 50%, however I would like this overlay to appear only on smaller screens (mobile ..> )With Thanks
DaveIn reply to: Custom height on Fullwidth eas Slider
Hi!
This is possible but it might distort the image.
#full_slider_1 .avia-slideshow-inner, #full_slider_1 .avia-slideshow-inner img { height: 50vh !important; }If you want to adjust the width of the images, please try this.
#full_slider_1 .avia-slideshow-inner img { width: 70%; }Adjust the values as you deem fit. You can turn on the custom css class field if you want to replace the generic selector (#full_slider_1) with a custom one.
Cheers!
IsmaelIn reply to: Responsive background images
Hi!
Looking at the screenshot I realized you need it on other sections as well not those sections that has id set to hello, to do this I think you need to enable Custom CSS Classes, here is how to enable and use it: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Next, put custom-gridrow in Custom CSS Classes textfield (add this to all gridrows that has the same layout including the one that has id set to hello). In Quick CSS, just all #hello to .custom-gridrow, replace this code that I gave:
@media only screen and (max-width:1024px) and (min-width:768px) { #top #hello .av_one_half { display: flex; width: 100%; padding: 50px 100px 20px !important; } #top #hello .av_one_half.avia-builder-el-last { padding-bottom: 50px !important; } }And replace it to:
@media only screen and (max-width:1024px) and (min-width:768px) { #top .custom-gridrow .av_one_half { display: flex; width: 100%; padding: 50px 100px 20px !important; } #top .custom-gridrow .av_one_half.avia-builder-el-last { padding-bottom: 50px !important; } #top .custom-gridrow .av_one_half.avia-full-stretch { min-height: 500px; } }I have added the 3rd block for those fullwidth images, so it doesn’t look too low, just change the value as you see fit. Hope this helps :)
Cheers!
NikkoHi Elena,
I checked the code you used and I replaced it with this one:
add_action('woocommerce_before_main_content', 'ava_woocommerce_before_main_content', 5); function ava_woocommerce_before_main_content() { if(!is_tax('product_cat')) return; $resources = "<link rel='stylesheet' id='layerslider-css' href='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/css/layerslider.css?ver=5.6.2' type='text/css' media='all' /> <script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/greensock.js?ver=1.11.8'></script> <script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/layerslider.kreaturamedia.jquery.js?ver=5.6.2'></script> <script type='text/javascript' src='" . get_template_directory_uri() . "/config-layerslider/LayerSlider/static/js/layerslider.transitions.js?ver=5.6.2'></script>"; $script = "<script data-cfasync=\"false\" type=\"text/javascript\">var lsjQuery = jQuery;</script><script data-cfasync=\"false\" type=\"text/javascript\"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == \"undefined\") { lsShowNotice('layerslider_6','jquery'); } else { lsjQuery(\"#layerslider_6\").layerSlider({responsiveUnder: 1140, layersContainer: 1140, autoStart: false, startInViewport: false, pauseOnHover: false, twoWaySlideshow: true, loops: 1, keybNav: false, touchNav: false, skin: 'fullwidth', globalBGColor: 'rgba(255, 255, 255, 0.45)', navPrevNext: false, hoverPrevNext: false, navStartStop: false, navButtons: false, showCircleTimer: false, thumbnailNavigation: 'disabled', lazyLoad: false, yourLogoStyle: 'left: 10px; top: 10px;', cbInit: function(element) { }, cbStart: function(data) { }, cbStop: function(data) { }, cbPause: function(data) { }, cbAnimStart: function(data) { }, cbAnimStop: function(data) { }, cbPrev: function(data) { }, cbNext: function(data) { }, skinsPath: 'http://www.saldaturacontrollo.it/wp/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/'}) } }); </script>"; $output = $resources . $script; echo $output; echo do_shortcode("[ av_layerslider id='6']"); ?> <div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll avia-section av-minimum-height av-minimum-height-25 container_wrap sidebar_left" style="background-color: #ec9b84; background-color: #ec9b84; "> <div class="container"> <div class="template-page content av-content-small units"> <div class="post-entry post-entry-type-page post-entry-417"> <div class="entry-content-wrapper clearfix"> <?php echo do_shortcode("[ av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][ av_font_icon icon='ue806' font='entypo-fontello' style='border' caption='Lista dei desideri <br/> WISHLIST' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_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='' mobile_display=''][ av_font_icon icon='ue859' font='entypo-fontello' style='border' caption='ACQUISTO <br/> facile e veloce' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_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='' mobile_display=''][ av_font_icon icon='ue802' font='fontello' style='border' caption='PAGAMENTO SICURO <br/> con Bonifico e PAYPAL' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_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='' mobile_display=''][ av_font_icon icon='ue804' font='fontello' style='border' caption='SPEDIZIONE <br/>24/48 ore' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth] [ av_one_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='' mobile_display=''][ av_font_icon icon='ue803' font='fontello' style='border' caption='Rimborso di denaro ad ogni acquisto' link='manually,http://' linktarget='' size='40px' position='center' color='#b02b2c' custom_class=''][/av_font_icon][/av_one_fifth]"); ?> </div> </div> </div> </div> </div> <?php }Color Section shortcode causes it to break, so I created the
<div>s, as for the layerslider, it doesn’t seem to work, I even fixed the script code and changed localhost which causes 404 error, for the layerslider part, can you use image instead? as I really tried to make the layerslider work but unfortunately I already spent a lot of time. Hope this helps :)Best regards,
NikkoIn reply to: Social Icons on Page and in Widget
OK, the image below shows that I have gotten a little closer by turning on the ability to see the shortcodes. But, I would still like to:
(1) Have a rollover effect on hover identical to the one in the header. In the header, the icon gets a background color matching the social media channel’s brand color upon hover. (e.g. when rollover Google Plus icon, a red circle appears)
(2) Keep the icon color (green) when the IconBox shortcode is placed within a widget.
(3) Remove the <H3> tag around the IconBox Title field.
I’m starting to understand this will require the use of a custom CSS class. Some really simple step-by-step instructions on how to go about setting this up would be helpful.
The shortcodes that I generated within the Avia Layout Builder and pasted into the widget are:
[av_icon_box position='left' boxed='' icon='ue8f7' font='entypo-fontello' title='Join the MTWC Community of Practice' link='manually,https://plus.google.com/communities/116656021291464268492' linktarget='_blank' linkelement='both' font_color='custom' custom_title='' custom_content='#00833d' color='custom' custom_bg='' custom_font='' custom_border='']
What is a Community of Practice?
[/av_icon_box][av_icon_box position='left' boxed='' icon='ue805' font='entypo-fontello' title='Join the MTWC Network' link='manually,https://docs.google.com/forms/d/e/1FAIpQLSfstsf_8FSDTrfmG0t-HTXECHGXkOMxcw5t0sFksqTJslZN8Q/viewform' linktarget='_blank' linkelement='both' font_color='custom' custom_title='' custom_content='#00833d' color='' custom_bg='' custom_font='' custom_border='']
Use the contact form to join and stay up-to-date with the Transportation Workforce community.
[/av_icon_box][av_icon_box position='left' boxed='' icon='ue8f2' font='entypo-fontello' title='Follow Us on Twitter' link='manually,https://twitter.com/uwmtwc' linktarget='_blank' linkelement='both' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''][/av_icon_box]
[av_icon_box position='left' boxed='' icon='ue8fd' font='entypo-fontello' title='Join the MTWC LinkedIn Group' link='manually,https://www.linkedin.com/groups/8201036' linktarget='_blank' linkelement='both' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border=''][/av_icon_box]
In reply to: Fullwidth easy sizer height, and button size
Hey ustadeus,
1. How can I reduce the height of the fullwidth easy slider? I presumed that the inserted image drives this, but even if I change image height to like 1500x125px, the slider height stays the same?
You can use this code and add it to Quick CSS (located in Enfold > General Styling):ul.avia-slideshow-inner { max-height: 125px; }This will affect the sliders globally, to make this specific you need to use custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add a class on the slider example home-slider and you will add this css code instead:
.home-slider ul.avia-slideshow-inner { max-height: 125px; }2. How can I alter the button size to make them bigger?
You can use this code and add it to Quick CSS:.avia-button.avia-size-x-large { padding: 32px 80px 30px; }Let us know if it helps :)
Best regards,
NikkoHi,
I am getting this error message below when trying to update Plugins. This is after updating to most recent version of WordPress. Then I got the login screen that said WP Database was out of date. That went fine. But now I can’t update Plugins:
Update Failed: <!DOCTYPE html> <!–[if IE 8]> <![endif]–> <!–[if !(IE 8) ]><!–> <!–<![endif]–> LiveSite Pack ‹ Rosewood Virtual Admin — WordPress addLoadEvent = function(func){if(typeof jQuery!=”undefined”)jQuery(document).ready(func);else if(typeof wpOnload!=’function’){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}}; var ajaxurl = ‘/wp-admin/admin-ajax.php’, pagenow = ‘toplevel_page_live-site’, typenow = ”, adminpage = ‘toplevel_page_live-site’, thousandsSeparator = ‘,’, decimalPoint = ‘.’, isRtl = 0; img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } <!–[if lte IE 7]> <![endif]–> window._wpemojiSettings = {“baseUrl”:”https:\/\/s.w.org\/images\/core\/emoji\/2\/72×72\/”,”ext”:”.png”,”svgUrl”:”https:\/\/s.w.org\/images\/core\/emoji\/2\/svg\/”,”svgExt”:”.svg”,”source”:{“concatemoji”:”http:\/\/rosewoodva.ca\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.6.1″}}; !function(a,b,c){function d(a){var c,d,e,f,g,h=b.createElement(“canvas”),i=h.getContext&&h.getContext(“2d”),j=String.fromCharCode;if(!i||!i.fillText)return!1;switch(i.textBaseline=”top”,i.font=”600 32px Arial”,a){case”flag”:return i.fillText(j(55356,56806,55356,56826),0,0),!(h.toDataURL().length<3e3)&&(i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,65039,8205,55356,57096),0,0),c=h.toDataURL(),i.clearRect(0,0,h.width,h.height),i.fillText(j(55356,57331,55356,57096),0,0),d=h.toDataURL(),c!==d);case”diversity”:return i.fillText(j(55356,57221),0,0),e=i.getImageData(16,16,1,1).data,f=e[0]+”,”+e[1]+”,”+e[2]+”,”+e[3],i.fillText(j(55356,57221,55356,57343),0,0),e=i.getImageData(16,16,1,1).data,g=e[0]+”,”+e[1]+”,”+e[2]+”,”+e[3],f!==g;case”simple”:return i.fillText(j(55357,56835),0,0),0!==i.getImageData(16,16,1,1).data[0];case”unicode8″:return i.fillText(j(55356,57135),0,0),0!==i.getImageData(16,16,1,1).data[0];case”unicode9″:return i.fillText(j(55358,56631),0,0),0!==i.getImageData(16,16,1,1).data[0]}return!1}function e(a){var c=b.createElement(“script”);c.src=a,c.type=”text/javascript”,b.getElementsByTagName(“head”)[0].appendChild(c)}var f,g,h,i;for(i=Array(“simple”,”flag”,”unicode8″,”diversity”,”unicode9″),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],”flag”!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener(“DOMContentLoaded”,g,!1),a.addEventListener(“load”,g,!1)):(a.attachEvent(“onload”,g),b.attachEvent(“onreadystatechange”,function(){“complete”===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings); /* <![CDATA[ */ var avia_framework_globals = avia_framework_globals || {}; avia_framework_globals.frameworkUrl = ‘http://rosewoodva.ca/wp-content/themes/enfold-test/framework/’; avia_framework_globals.installedAt = ‘http://rosewoodva.ca/wp-content/themes/enfold-test/’; avia_framework_globals.ajaxurl = ‘http://rosewoodva.ca/wp-admin/admin-ajax.php’; /* ]]> */ /* <![CDATA[ */ var AtD_l10n_r0ar = {“menu_title_spelling”:”Spelling”,”menu_title_repeated_word”:”Repeated Word”,”menu_title_no_suggestions”:”No suggestions”,”menu_option_explain”:”Explain…”,”menu_option_ignore_once”:”Ignore suggestion”,”menu_option_ignore_always”:”Ignore always”,”menu_option_ignore_all”:”Ignore all”,”menu_option_edit_selection”:”Edit Selection…”,”button_proofread”:”proofread”,”button_edit_text”:”edit text”,”button_proofread_tooltip”:”Proofread Writing”,”message_no_errors_found”:”No writing errors were found.”,”message_server_error”:”There was a problem communicating with the Proofreading service. Try again in one minute.”,”message_server_error_short”:”There was an error communicating with the proofreading service.”,”dialog_replace_selection”:”Replace selection with:”,”dialog_confirm_post_publish”:”The proofreader has suggestions for this post. Are you sure you want to publish it?\n\nPress OK to publish your post, or Cancel to view the suggestions and edit your post.”,”dialog_confirm_post_update”:”The proofreader has suggestions for this post. Are you sure you want to update it?\n\nPress OK to update your post, or Cancel to view the suggestions and edit your post.”}; /* ]]> */ /* <![CDATA[ */ var ls_PHPVAR_livesite = {“ls_admin_url”:”http:\/\/rosewoodva.ca\/wp-admin\/”,”ls_locale”:”en_US”,”ls_module_nonce”:”bd8e0a3374″,”ls_site_url”:”http:\/\/rosewoodva.ca”}; /* ]]> */ /* <![CDATA[ */ var userSettings = {“url”:”\/”,”uid”:”1″,”time”:”1477593071″,”secure”:””};var quicktagsL10n = {“closeAllOpenTags”:”Close all open tags”,”closeTags”:”close tags”,”enterURL”:”Enter the URL”,”enterImageURL”:”Enter the URL of the image”,”enterImageDescription”:”Enter a description of the image”,”textdirection”:”text direction”,”toggleTextdirection”:”Toggle Editor Text Direction”,”dfw”:”Distraction-free writing mode”,”strong”:”Bold”,”strongClose”:”Close bold tag”,”em”:”Italic”,”emClose”:”Close italic tag”,”link”:”Insert link”,”blockquote”:”Blockquote”,”blockquoteClose”:”Close blockquote tag”,”del”:”Deleted text (strikethrough)”,”delClose”:”Close deleted text tag”,”ins”:”Inserted text”,”insClose”:”Close inserted text tag”,”image”:”Insert image”,”ul”:”Bulleted list”,”ulClose”:”Close bulleted list tag”,”ol”:”Numbered list”,”olClose”:”Close numbered list tag”,”li”:”List item”,”liClose”:”Close list item tag”,”code”:”Code”,”codeClose”:”Close code tag”,”more”:”Insert Read More tag”};/* ]]> */ /* <![CDATA[ */ var avia_shortcode_preview = ‘d1c0f741b7’; /* ]]> */ <!– Debugging Info for Theme support: Theme: Enfold Test Version: 3.6.1 Installed: enfold-test AviaFramework Version: 4.5.3 AviaBuilder Version: 0.8 – – – – – – – – – – – ChildTheme: Enfold-Test Child ChildTheme Version: 3.6.1 ChildTheme Installed: enfold-test ML:256-PU:64-PLA:14 WP:4.6.1 Updates: disabled –> function aioseop_show_pointer(handle, value) { if (typeof( jQuery ) != ‘undefined’) { var p_edge = ‘bottom’; var p_align = ‘center’; if (typeof( jQuery(value.pointer_target).pointer) != ‘undefined’) { if (typeof( value.pointer_edge ) != ‘undefined’) p_edge = value.pointer_edge; if (typeof( value.pointer_align ) != ‘undefined’) p_align = value.pointer_align; jQuery(value.pointer_target).pointer({ content: value.pointer_text, position: { edge: p_edge, align: p_align }, close: function () { jQuery.post(ajaxurl, { pointer: handle, action: ‘dismiss-wp-pointer’ }); } }).pointer(‘open’); } } } /* <![CDATA[ */ var wpNotesIsJetpackClient = true; var wpNotesIsJetpackClientV2 = true; /* ]]> */ if ( window.history.replaceState ) { window.history.replaceState( null, null, document.getElementById( ‘wp-admin-canonical’ ).href + window.location.hash ); } var _wpColorScheme = {“icons”:{“base”:”#82878c”,”focus”:”#00a0d2″,”current”:”#fff”}}; .aioseop_edit_button { margin: 0 0 0 5px; opacity: 0.6; width: 12px; } .aioseop_edit_link { display: inline-block; position: absolute; } .aioseop_mpc_SEO_admin_options_edit img { margin: 3px 2px; opacity: 0.7; } .aioseop_mpc_admin_meta_options { float: left; display: block; opacity: 1; max-height: 75px; overflow: hidden; width: 100%; } .aioseop_mpc_admin_meta_options.editing { max-height: initial; overflow: visible; } .aioseop_mpc_admin_meta_content { float: left; width: 100%; margin: 0 0 10px 0; } td.seotitle.column-seotitle, td.seodesc.column-seodesc, td.seokeywords.column-seokeywords { overflow: visible; } @media screen and (max-width: 782px) { body.wp-admin th.column-seotitle, th.column-seodesc, th.column-seokeywords, td.seotitle.column-seotitle, td.seodesc.column-seodesc, td.seokeywords.column-seokeywords { display: none; } } //<![CDATA[ var aioseopadmin = { blogUrl: “http://rosewoodva.ca”, pluginUrl: “http://rosewoodva.ca/wp-content/plugins/all-in-one-seo-pack/”, requestUrl: “http://rosewoodva.ca/wp-admin/admin-ajax.php”, imgUrl: “http://rosewoodva.ca/wp-content/plugins/all-in-one-seo-pack/images/”, Edit: “Edit”, Post: “Post”, Save: “Save”, Cancel: “Cancel”, postType: “post”, pleaseWait: “Please wait…”, slugEmpty: “Slug may not be empty!”, Revisions: “Revisions”, Time: “Insert time” } //]]> #wpadminbar { display:none; } document.body.className = document.body.className.replace(‘no-js’,’js’); (function() { var request, b = document.body, c = ‘className’, cs = ‘customize-support’, rcs = new RegExp(‘(^|\\s+)(no-)?’+cs+'(\\s+|$)’); request = true; b[c] = b[c].replace( rcs, ‘ ‘ ); b[c] += ( window.postMessage && request ? ‘ ‘ : ‘ no-‘ ) + cs; }()); Skip to main content Skip to toolbar Dashboard DashboardHomeUpdates 3 All in One SEO All in One SEOGeneral SettingsPerformanceFeature Manager Jetpack JetpackDashboardSettingsSite StatsAkismet LiveSite LiveSiteLiveSiteSettingsBackofficeContact FormLiveSite Widget Posts PostsAll PostsAdd NewCategoriesTags Media MediaLibraryAdd NewWP Smush Pages PagesAll PagesAdd New Comments 0 Portfolio Items Portfolio ItemsPortfolio ItemsAdd NewTagsPortfolio Categories Enfold-Test Child Contact ContactContact FormsAdd NewIntegration Appearance AppearanceThemesCustomizeWidgetsMenusEdit CSSEditor Plugins 0 Plugins 0Installed PluginsAdd NewEditor Users UsersAll UsersAdd NewYour Profile Tools ToolsAvailable ToolsImportExportSEO Data ImportBackupsBackup Settings SettingsGeneralWritingReadingDiscussionMediaPermalinksWP Content Copy Protection (YOOPlugins)Easy TableSharingXML-Sitemap Shortcodes ShortcodesSettingsExamplesCheatsheetAdd-ons Google Analytics Google AnalyticsGoogle AnalyticsOther Plugins LayerSlider WP LayerSlider WPAll SlidersSkin EditorCSS EditorTransition BuilderCollapse menu Menu About WordPress About WordPress WordPress.org Documentation Support Forums Feedback Rosewood Virtual Admin Visit Site 33 Theme Updates 00 comments awaiting moderation New Post Media Page Portfolio Entry User LayerSlider Theme Options General Layout General Styling Advanced Styling Header Sidebar Settings Footer Blog Layout Social Profiles Newsletter Demo Import Import/Export Theme Update SEO Upgrade To Pro Performance Feature Manager #adminbar-search::-webkit-input-placeholder, #adminbar-search:-moz-placeholder, #adminbar-search::-moz-placeholder, #adminbar-search:-ms-input-placeholder { text-shadow: none; } Howdy, deannasimone deannasimone Edit My Profile Log Out Notifications Log Out Logged in as: (Email address hidden if logged out) | Rate us: <!– –><!– –><!– –><!– –> Lead Capturing Contact Form Part of vCita LiveSite Pack Lead Capturing Contact Form is part of vCita LiveSite Pack Your LiveSite Modules: Contact Form Create beautiful forms using a simple Drag & Drop editor. Edit Livesite Widget Encourage clients to take actions and capture twice as many leads Edit Payments Button Offer your clients a simple way to pay for your services Add Scheduler Self service appointment scheduling for your clients Add One Platform which enables all modules Backoffice All livesite modules plug into a single business management dashboard Go to Backoffice <!– –> SDK for Developers To achieve maximum flexibility use our LiveSite SDK Go to SDK Documentation <!– –> Partner Program Join over 8500 partners who leverage the vCita web engagement solution to extend their brand Learn More Account Settings Disconnect Rate US Support <!– wpbody-content –> <!– wpbody –> <!– wpcontent –> Thank you for creating with WordPress. Version 4.6.1 Close dialog Session expired Please log in again. The login page will open in a new window. After logging in you can close it and return to this page. /* <![CDATA[ */ var jpTracksAJAX = {“ajaxurl”:”http:\/\/rosewoodva.ca\/wp-admin\/admin-ajax.php”,”jpTracksAJAX_nonce”:”dfff5d7dd8″}; /* ]]> */ /* <![CDATA[ */ var commonL10n = {“warnDelete”:”You are about to permanently delete these items.\n ‘Cancel’ to stop, ‘OK’ to delete.”,”dismiss”:”Dismiss this notice.”};var heartbeatSettings = {“nonce”:”9006d09a94″};var authcheckL10n = {“beforeunload”:”Your session has expired. You can log in again from this page or go to the login page.”,”interval”:”180″};var wpAjax = {“noPerm”:”Sorry, you are not allowed to do that.”,”broken”:”An unidentified error has occurred.”};var wpPointerL10n = {“dismiss”:”Dismiss”};/* ]]> */ <!– wpwrap –> if(typeof wpOnload==’function’)wpOnload();
In reply to: Grid Row Anordnung und Priorität auf Handys
Hi MaktubJolie!
Yes, it’s possible. Here is the concept of the fix: duplicate/clone 2nd,4th row and so on or those that have text-image arrangement and have the clone be in text-image arrangement, the original will be shown on desktop and hidden on mobile while the 2nd row will be hidden on desktop and shown in mobile. In order for you to do so, you need to do the following:
Go to Appearance > Editor and open functions.php and find this code:
// add_theme_support('avia_template_builder_custom_css');
and replace it with
add_theme_support('avia_template_builder_custom_css');
then save it.Go to the page with gridrows you want to arrange on mobile and duplicate the even rows (2nd,4th, so on)
Edit the original Grid Row and at the bottom you should see Custom Css Class add this in it: hide-mobile and Save
Edit the cloned Grid Row and in the Custom Css Class add: hide-desktop then Save and Update
Go to Enfold Theme Options > General Styling > Quick CSS and add this code:
.hide-desktop{ display: none; } @media only screen and (max-width:767px) { .hide-desktop{ display: block; } .hide-mobile { display: none; } }and Save
Hope this helps. :)
Regards,
NikkoTopic: Search results in columns
Hi i find the solution to display the search results in columns with this code:
’ve seen a topic where is asking this. This is the answer:1) Insert following code into the quick css field:
.template-search .post-entry {
clear: none !important;
}2) In search.php replace:
if(!empty($_GET[‘s’]))
{
echo “<h4 class=’extra-mini-title widgettitle’>{$results}</h4>”;/* Run the loop to output the posts.
* If you want to overload this in a child theme then include a file
* called loop-search.php and that will be used instead.
*/
$more = 0;
get_template_part( ‘includes/loop’, ‘search’ );}
with:
if(!empty($_GET[‘s’]))
{
echo “<h4 class=’extra-mini-title widgettitle’>{$results}</h4>”;global $posts;
$post_ids = array();
foreach($posts as $post) $post_ids[] = $post->ID;$atts = array(
‘type’ => ‘grid’,
‘items’ => get_option(‘posts_per_page’),
‘columns’ => 2,
‘class’ => ‘avia-builder-el-no-sibling’,
‘paginate’ => ‘yes’,
‘use_main_query_pagination’ => ‘yes’,
‘custom_query’ => array( ‘post__in’=>$post_ids, ‘post_type’=>get_post_types() )
);$blog = new avia_post_slider($atts);
$blog->query_entries();
echo “<div class=’entry-content’>”.$blog->html().”</div>”;
}But how can i remove the meta data: categories, comments and date? The only thing that has to be displaid here, are the title with permalink and the featured image.
In reply to: Banner above header problem on tablets only
Hi Vinay,
thank you for your response. The only custom CSS affecting the header is.header-scrolled { top: 0; }I reckon this code somehow doesn’t work correctly on tablets. Here an excerpt from my header.php where I included the banner image in case there’s something wrong with this. I tried it on different positions already.
wp_head(); ?> </head> <body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>> <div align="center"> <a href="https://www.bodylab24.de/" rel="nofollow"><img src="http://www.eiweisspulver-test.com/Bodylab728x90.gif" alt="Anzeige" /></a> </div> <?php if("av-preloader-active av-preloader-enabled" === $preloader) { echo avia_preload_screen(); } ?> <div id='wrap_all'> <?php if(!$blank) //blank templates dont display header nor footer { //fetch the template file that holds the main menu, located in includes/helper-menu-main.php get_template_part( 'includes/helper', 'main-menu' ); } ?> <div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'> <?php if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container']; do_action('ava_after_main_container'); ?>Any ideas?
Hi,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your element and give it a custom class and then add following code to functions.php file in Appearance > Editor
function avia_img_custom_attr(){ ?> <script> jQuery(window).load(function(){ jQuery('.custom-image img').attr('data-sumome-listbuilder-id','bdd1b1c-76d0-461a-8f75-27bd490a01c9'); }); </script> <?php } add_action('wp_footer', 'avia_img_custom_attr');Best regards,
YigitIn reply to: Responsive background image in color section
Well your background image you have to know the aspect ratio. If you know that you can try to obtain your desired look by calculating the hight.
First: do not set in the color-section dialog a min-height !
Set your background image to “scale to fit”
on my test page (page-id is 2981 here) the aspect ratio of the image is 350px : 1500px
that means image-height is nearby 23.5% of the image-widththe css rule than is:
.page-id-2981 .avia-full-contain { background-size: 100vw; height: 23.5vw; }See example here: http://webers-testseite.de/ikom/circles/
You have to set some media-querry solutions for the content of that color-section
vw and vh are video-screen width and height ! viewport units are good supported now: Link
but to make it specific and not for all either you give the color-section a unique ID or custom class or (see above) do that only for that page.
if you got an overlay color – you have to set the same parameters to that class:
.home .avia-full-contain, .home .av-section-color-overlay-wrap { background-size: 100vw; height: calc(66.7vw); }see here: http://webers-testseite.de/ikom/
but you see this works for simple layouts – on that start page there is an overlapping container following etc. pp. in that case there has to be more adjustments to makeIn reply to: Autoplay video in masonry gallery
Hey Basilis!
I know not all customization support is within the Enfold licence, but it should be great if you give some more explanation to my questions…
1. Is it possible to add a custom class to masonry images?
This function does not support masonry images:
add_theme_support('avia_template_builder_custom_css');OR
2. Can I change CSS below so only custom link images have a icon on front?
.av-masonry-image-container:before { content: '\E869'; font-family: 'entypo-fontello'; position: absolute; border-radius: 50px; background: #df8f04; height: 80px; width: 80px; line-height: 80px; left: 50%; top: 50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color: #fff; }OR
3. Are there other possibilities to show icon only on masonry grid images with a custom link?
In reply to: A few alterations to website
Hey Joe,
1. To change the hover background color of mail icon Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all .social_bookmarks_mail a:hover, #top #wrap_all .social_bookmarks_mail li:hover { background: #66b32d!important; }2. It’s not clear as I do not see page title on your site but I’m assuming you need the active menu background color to be highlighted?
If so please use the below css..current_page_item { background: gold; }3. To increase phone number font size
#header_meta .phone-info { font-size: 20px; }4. To create your own overlay effects add your custom css properties to the below css class name.
.avia_transform a:hover .image-overlay { border-radius: 100px; }Request you to please create new tickets for different issue so we can keep the focus on the main topic and help us respond faster to your questions :)
Best regards,
Vinay
