Viewing 30 results - 7,441 through 7,470 (of 11,220 total)
  • Author
    Search Results
  • #603401

    Hey mohamed911!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .avia-slideshow-button {
        background: #00aae2;
        border: none;
    }

    Regards,
    Yigit

    #603391

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-button-fullwidth:hover * {
        color: #36a196;
    }

    Cheers!
    Yigit

    #603364
    gsTom
    Participant

    Hi,

    I see all those shortcodes here
    http://kriesi.at/themes/enfold/shortcodes/

    Is there also a page where I can see the actual shortcodes like [shortcode_here] ?
    I can not find them all in the Insert Theme Shortcode Button in visual editor.

    Thank you
    Tom

    #603253

    Hi Veronica!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
    .avia-button-wrap a, .avia-button-wrap {
        display: block!important;
        width: 100%!important;
        margin: auto!important;
        float: none!important;
    }}

    Best regards,
    Yigit

    #602670
    #602535

    In reply to: Sub Menu Button Style

    Hey!

    Just figured it the button style is not working for sub headers… please use the CSS below in Enfold > General Styling > Quick CSS

    #header_meta .sub_menu>ul>li {
        border: #000 solid 1px;
        border-radius: 3px;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }

    Regards,
    Vinay Kashyap

    #602399

    Topic: Half button

    in forum Enfold
    Zaccc
    Participant

    Hello,

    I have update Enfold template to latest version 3.5.1 and on home page on news section I see only half button read more.
    Can you help me ?

    Regards

    #602300
    jaimemerz
    Participant

    Hi guys,

    I have a client that would like to track 3 behaviors from Google AdWords Campaigning :

    Email Opt-Ins*
    Contact Form Submissions*
    Products Purchased

    * These forms require “onclick” code ON the button text in addition to script that goes into the head of each page. How do I do this with Enfold’s out of the box contact form tool? I tried to wrap the required html around the text in the button field, but that didn’t work (showed the text).

    Example of code:
    <a onclick=”goog_report_conversion (‘http://example.com/your-link&#8217;)”
    href=”http://example.com/your-link”>Download now!

    Thanks!

    Jaime

    g10h4y90g4y7h8g17
    Participant

    It has been 4 days since I posted a reply to my original request and I still never have heard back from you (maybe the post never made it back to you?), so I am reposting this question…

    I tried to add a google map to one of my pages and it will not work like the one that shows up on the sidebar under the nested subpages. The map I added will not scroll when I use the scroll button on the mouse and I only see the + and – control on the map (I cannot see the option to switch between satellite/map views.)

    How can I add the same map control that is in the sidebar to the other areas of my page (I want it to work the same way)?

    You can see the example I am talking about under the Services / Architecture page in the construction demo here
    http://kriesi.at/themedemo/?theme=enfold-overview

    Also on my site, if you go to the Interior Design page under Concrete Help & Info you will see the maps feature that I want to use in other pages on my site (it is in the sidebar on the left side of the screen under the Route section). There is only one google map option under the Media Elements on the pages that is available for me to add to my pages and when I add it, it does not look or work like the other google map that is in the side bar of the nested pages. You can see the one I added on the Contact page of my site.

    What do I need to use to add the map control that is on the sidebar of the nested pages under the construction theme?

    Merhabalar!

    Please firstly go to Enfold theme options > Header > Mobile Menu and choose to display mobile menu on tablets – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2015/09/Screen-Shot-2015-09-28-at-16.00.59-997×1030.png
    then please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 769px) {
    .slideshow_caption {
        width: 70%;
    }}
    @media only screen and (max-width: 480px) {
    .avia-caption-content p {
        margin: 0;
    }
    h2.avia-caption-title {
        margin-top: 0;
        margin: 0;
    }
    .avia-multi-slideshow-button.avia-slideshow-button { 
    display: none;
    }}

    This should fix the issue but buttons will be removed on mobile portrait mode, simply because there is not enough space :/

    Best regards,
    Yigit

    #602194

    Hey!

    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .home .big-preview.single-big {
        display: none;
    }

    2- Can you please elaborate on the changes you would like to make?
    3- That would not be possible using Enfold’s native Social Share Buttons. Please try using a plugin such as this one – https://wordpress.org/plugins/wp-social-sharing/. You can also try using JetPack to add social share to bottom of your blog posts :)

    Cheers!
    Yigit

    #601900
    #601649
    pfalso
    Participant

    Hi support,

    I am using a child theme for Enfold and I’m having some issues with a few elements that automatically get grouped together in the lightbox overlay that I need to keep from being in the same group.

    The first issue is with the full width slider element and its caption buttons. I need a way to keep the buttons for each slide to only opening up a group for their own slide and not include all the button image links from the entire slider (all slide caption buttons).

    The second issue is with a page that includes multiple “button” shortcodes of floor plan images that are broken up into different sections within the page layout builder. As they are floor plans specific to certain house styles I need to keep them separate in the lightbox. However, clicking on any of the floor plan buttons, the lightbox overlay loads all the buttons’ floor plan images for the whole page.

    So, I was wondering if there was a way to avoid this by possibly disabling the automatically added lightbox effect for these items via a jquery selector that targets the elements and either disable then re-enable them with a custom rel attribute or if I can somehow add a custom rel selector to force them into a group.

    I’ve tried a few methods based on feedback on other Enfold forum topics but nothing seems to be working and the default behavior overrides my custom rel attributes every time. Specifically, via a custom javascript file, I’ve tried adding the noLightbox class to the items and they still trigger the lightbox and I’ve also tried adding custom rel attributes to the different groups and the lightbox overlay continues to load all the items.

    Thanks for your help.

    #601444
    vegaspro
    Participant

    We did a FRESH install of WordPress and fresh install of Enfold. We IMPORTED the Wedding Theme and made our own changes to the actual PAGE. We noticed the MAIN MENU does not look right – it won’t show separate buttons and space in between (like the original Enfold demo).

    Under HEADER options, HEADER STYLE we even changed it to DEFAULT from each of the choices and it won’t change.

    We see because of the WEDDING demo there are some Advanced Styling options set, but nothing that I see effects main menu.

    Please advise.

    #601256

    Hey!

    Thank you for coming back.

    I added a filter to the core. Until this filter is release, please add the following line to enfold\config-templatebuilder\avia-shortcodes\helper-masonry.php line 141ff:

    Old code:

    
    				$sort_loop = "";
    				$allowed_terms = array();
    				
    				foreach($sort_terms as $term)
    				{
    

    New code:

    
    				$sort_loop = "";
    				$allowed_terms = array();
    				
    				$sort_terms = apply_filters('avf_masonry_resort_filter_buttons', "", $sort_terms, $this->atts );
    				
    				foreach($sort_terms as $term)
    				{
    

    Add following code to Functions.php file of your child theme (or parent theme, if not using a child theme)- you can use Dashboard -> Appearance > Editor (this code does the actual resorting):

    
    
    add_filter( 'avf_masonry_resort_filter_buttons', 'my_avf_masonry_resort_filter_buttons', 10, 2 );
    function my_avf_masonry_resort_filter_buttons( $sort_terms, $atts )
    {
    		//	Add Sequence of term names you like
    	$order = array( 'S', 'M', 'L', 'XL' );
    	
    	$new_sort = array();
    	
    	foreach( $order as $value )
    	{
    		foreach( $sort_terms as $key => $term )
    		{
    			if( strtoupper( trim( $term->name ) ) == strtoupper( trim( $value ) ))
    			{
    				$new_sort[] = $term;
    				unset( $sort_terms[ $key ] );
    			}
    		}
    	}
    	
    	$new_sort = array_merge( $new_sort, $sort_terms );
    	
    	return $new_sort;
    }
    

    Regards,
    Günter

    #601152
    gsTom
    Participant

    Hello,

    I just moved from replete to enfold.
    1) In a product detail page of an variable product I can see the +button but not the minus button.
    when I inspect the page with firefox, I see it is there, but exactly on the same position as the plus button.
    add to cart missing minus button

    In the rules console I see this:
    wc-quantity-increment.css:39

        .woocommerce .quantity .minus, .woocommerce-page .quantity .minus {
          bottom: 0;
          right: 0;
          border-radius: 0 0 2px 2px; }

    When I deactivate right: 0; from the class, then the minus button moves between the quantity input and the plus input.
    But it should go like minus button | qnty input | plus button

    2) in replete the quantity and add to cart button for a variable product was only visible when the customer selected the variation. In enfold it is visible before the customer did any selection.

    Thank you for help
    Tom

    #601040

    Hey MuscleMechanics,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #top .avia-button {
        border-radius: 0px !important;
    }

    Thanks,
    Rikard

    #600856

    In reply to: What's new in 3.5?

    Chngelog is in package ;)

    2016 March 18th – Version 3.5

    – new demo content:
    – Hotel demo
    – Spa demo
    – Travel demo
    – Consultant demo
    – Résumé demo

    – style.css – new version number
    – functions-enfold.php – several small improvements to generated css styles
    – header.php – added a new filter function
    – index.php + other default template files: abort script if directly loaded in the browser to prevent crawling errors
    – page.php – fixed a thumbnail size bug

    – folder css:
    – fixed: a css error that was caused by setting a column background to “stretch fullwidth”
    – fixed: a slideshow bug that caused buttons to slide in when they should fade
    – fixed: a display issue with iconbox titles and some specific fonts
    – fixed: an issue with some default css font sizes not adapting properly on smaller screens
    – fixed: an issue with slideshow capations on small devices when
    – fixed: an issue with blank pages not aligning properly on mobile devices
    – fixed: an issue with color section background colors not beeing applied to Left Sidebar Layouts
    – fixed: an issue with transparent headers and custom menu colours
    – fixed: an issue with mobile menu display on tablets

    – folder config-templatebuilder:
    – added: background images for sections, cells and columns can now be set to “scale to fit” so the whole background image is always visible
    – added: font size selection for accordion slider
    – added: option to center accordion text
    – added: new styling option for masonry and masonry gallery element: caption overlay
    – fixed: issue with accordion slider php notice
    – fixed: a problem with product grid item count
    – fixed: a display bug with the Fullwidth Easy slider that was caused by choosing original image size
    – fixed: a pagination bug with the woocommerce grid element
    – fixed: an issue that prevented mailchimp to fetch more than 10 lists
    – fixed: an issue that prevented some servers from connecting with mailchimp
    – fixed: an issue with html elements added to the table element
    – fixed: an issue with the class of the events calendar upcoming events heading
    – fixed: an issue with the feature image slider not accepting disabled autorotation
    – fixed: an issue with the magazine element throwing a php error on subpages
    – improved: masonry filter display when loading new elements via “load more” button
    – added: various title filters

    – folder framework:
    – added: new filter for framework related css body classes
    – added: new google fonts
    – improved: some google fonts now come with more weights
    – improved: dynamic styling generator accepts array values now
    – fixed: an error with form success message
    – fixed: an issue with contact form dropdowns when the “hide label” option was selected
    – fixed: an issue with the import script not working properly with PHP7 and dropping the demo menu
    – fixed: an issue with the contact form autoresponder not working when more than one mail address is added
    – fixed: an issue with google author and publisher rel tag
    – fixed: a multi language issue with the facebook plugin and wpml

    – folder config-woocommerce:
    – added: new product style: minimal overlay
    – added: support and styling for woocommerce bookings
    – fixed: a css notice in the backend when woocommerce is active
    – fixed: an issue with the woocommerce quantity selector
    – fixed: an issue with the dark default themes

    – folder js:
    – fixed: an issue with sidebar main menu sticky calculation
    – fixed: a problem with google map tooltips
    – fixed: an issue with the feature image slider not working in Firefox
    – fixed: a syntax error in the autorotation setting of the slideshow

    – folder includes:
    – added: new design – bright blue
    – added: new layout feature. Instead of stretched and boxed you can now chose “framed” which displays a fixed frame around the site
    – added: new advanced styling element to customise: Slideshow Titles
    – added: new advanced styling element to customise: Slideshow Captions
    – fixed: a bug with the wedding demo that prevented correct image import
    – fixed: missing translation strings in Portfolio.
    – fixed: the advanced styling selector of main menu hover items when the logo is displayed above the menu
    – improved: automated schema.org markup for blog posts.

    – folder config-layerslider:
    – fixed: an issue with a javascript file not being loaded properly
    – updated: layerslider to the latest version (5.6.3)

    – folder config-wpml:
    – added: an XML file for languages, available for the facebook page widget
    – fixed: an issue with php notices caused by the grid layout

    – folder lang:
    – updated several translation files

    #600849

    Hello Dominique,

    here is the changelog:

    2016 March 18th – Version 3.5

    – new demo content:
    – Hotel demo
    – Spa demo
    – Travel demo
    – Consultant demo
    – Résumé demo

    – style.css – new version number
    – functions-enfold.php – several small improvements to generated css styles
    – header.php – added a new filter function
    – index.php + other default template files: abort script if directly loaded in the browser to prevent crawling errors
    – page.php – fixed a thumbnail size bug

    – folder css:
    – fixed: a css error that was caused by setting a column background to “stretch fullwidth”
    – fixed: a slideshow bug that caused buttons to slide in when they should fade
    – fixed: a display issue with iconbox titles and some specific fonts
    – fixed: an issue with some default css font sizes not adapting properly on smaller screens
    – fixed: an issue with slideshow capations on small devices when
    – fixed: an issue with blank pages not aligning properly on mobile devices
    – fixed: an issue with color section background colors not beeing applied to Left Sidebar Layouts
    – fixed: an issue with transparent headers and custom menu colours
    – fixed: an issue with mobile menu display on tablets

    – folder config-templatebuilder:
    – added: background images for sections, cells and columns can now be set to “scale to fit” so the whole background image is always visible
    – added: font size selection for accordion slider
    – added: option to center accordion text
    – added: new styling option for masonry and masonry gallery element: caption overlay
    – fixed: issue with accordion slider php notice
    – fixed: a problem with product grid item count
    – fixed: a display bug with the Fullwidth Easy slider that was caused by choosing original image size
    – fixed: a pagination bug with the woocommerce grid element
    – fixed: an issue that prevented mailchimp to fetch more than 10 lists
    – fixed: an issue that prevented some servers from connecting with mailchimp
    – fixed: an issue with html elements added to the table element
    – fixed: an issue with the class of the events calendar upcoming events heading
    – fixed: an issue with the feature image slider not accepting disabled autorotation
    – fixed: an issue with the magazine element throwing a php error on subpages
    – improved: masonry filter display when loading new elements via “load more” button
    – added: various title filters

    – folder framework:
    – added: new filter for framework related css body classes
    – added: new google fonts
    – improved: some google fonts now come with more weights
    – improved: dynamic styling generator accepts array values now
    – fixed: an error with form success message
    – fixed: an issue with contact form dropdowns when the “hide label” option was selected
    – fixed: an issue with the import script not working properly with PHP7 and dropping the demo menu
    – fixed: an issue with the contact form autoresponder not working when more than one mail address is added
    – fixed: an issue with google author and publisher rel tag
    – fixed: a multi language issue with the facebook plugin and wpml

    – folder config-woocommerce:
    – added: new product style: minimal overlay
    – added: support and styling for woocommerce bookings
    – fixed: a css notice in the backend when woocommerce is active
    – fixed: an issue with the woocommerce quantity selector
    – fixed: an issue with the dark default themes

    – folder js:
    – fixed: an issue with sidebar main menu sticky calculation
    – fixed: a problem with google map tooltips
    – fixed: an issue with the feature image slider not working in Firefox
    – fixed: a syntax error in the autorotation setting of the slideshow

    – folder includes:
    – added: new design – bright blue
    – added: new layout feature. Instead of stretched and boxed you can now chose “framed” which displays a fixed frame around the site
    – added: new advanced styling element to customise: Slideshow Titles
    – added: new advanced styling element to customise: Slideshow Captions
    – fixed: a bug with the wedding demo that prevented correct image import
    – fixed: missing translation strings in Portfolio.
    – fixed: the advanced styling selector of main menu hover items when the logo is displayed above the menu
    – improved: automated schema.org markup for blog posts.

    – folder config-layerslider:
    – fixed: an issue with a javascript file not being loaded properly
    – updated: layerslider to the latest version (5.6.3)

    – folder config-wpml:
    – added: an XML file for languages, available for the facebook page widget
    – fixed: an issue with php notices caused by the grid layout
    – folder lang:
    – updated several translation files

    #600736
    jgdoyle1
    Participant

    How do I change the button text color “Follow Us!” on the Enfold Instagram Widget? Currently it is white text on a white background. Therefore you can’t see it. What CSS code should I use? Thank you! – John

    #600661

    Hi!

    Thank you for coming back.

    Please add following code to Functions.php file of your child theme (or parent theme, if not using a child theme)- you can use Dashboard -> Appearance > Editor:

    
    add_filter( 'wc_add_to_cart_message', 'my_wc_add_to_cart_message', 10, 2);
    
    function my_wc_add_to_cart_message( $message, $product_id )
    {
    	
    	$message .= sprintf( '<a href="%s" class="button wc-forward my-button">%s</a>', esc_url( wc_get_page_permalink( 'shop' ) ), esc_html__( 'Back to shop', 'woocommerce' ) );
    	return $message;
    }
    

    In custom.css or Enfold -> General Styling -> Quick CSS field (or when using a child theme: in styles.css of the child theme or Enfold-Child -> General Styling -> Quick CSS field) put the following and adjust the values as needed:

    
    a.my-button{
    	right: 250px !important;
    }
    

    Regards,
    Günter

    #600610

    In reply to: Sub Menu Button Style

    Hey faterra!

    You can make most of the changes in Enfold > General Styling > Logo area

    and choose a button style from Appearance > Menu

    If you still have any issues please share the link to the page where we can inspect the element in question so we can provide you with custom css if necessary.

    Regards,
    Vinay Kashyap

    #600571

    Hey goads!

    Please take a look at the following, which will help you understand the process

    let us know if you have more questions

    Best regards,
    Basilis

    #600562

    Topic: Sub Menu Button Style

    in forum Enfold
    faterra
    Participant

    Hello,

    I’m trying to make the submenu button style to work bordered and colored, but unsuccessful.

    I tried to choose this option in the menu page but it did not work, only worked for the main menu.

    How can I make it? Is there a CSS code for that?

    The link to an image that shows an exemple of what I want to accomplish.

    Suport
    I appreciate your help.

    Fabiana.

    g10h4y90g4y7h8g17
    Participant

    I tried to add a google map to one of my pages and it will not work like the one this shows up on the sidebar under the nested subpages. The map I added will not scroll when I use the scroll button on the mouse and I only see the + and – control on the map (I cannot see the option to switch between satellite/map views.)

    How can I add the same map control that is in the sidebar to the other areas of my page (I want it to work the same way)?

    You can see the example I am talking about under the Services / Architecture page in the construction demo here
    http://kriesi.at/themedemo/?theme=enfold-overview

    #599864

    In reply to: Google Event Tracking

    For anyone experiencing the same issue, I have just gone into the PHP file and re-written the code for the fullwidth button to allow the addition of onClick attributes. Please see below for the full replacement php code for the file “buttons_fullwidth.php” which can be found in wp_content/themes/enfold/config-templatebuilder/avia-shortcodes/

    <?php
    /**
     * Button
     * Displays a button that links to any url of your choice
     */
     
    if ( !class_exists( 'avia_sc_button_full' ) ) 
    {
    	class avia_sc_button_full extends aviaShortcodeTemplate
    	{
    			static $count = 0;
    			
    			/**
    			 * Create the config array for the shortcode button
    			 */
    			function shortcode_insert_button()
    			{
    				$this->config['name']		= __('Fullwidth Button', 'avia_framework' );
    				$this->config['tab']		= __('Content Elements', 'avia_framework' );
    				$this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-button.png";
    				$this->config['order']		= 84;
    				$this->config['target']		= 'avia-target-insert';
    				$this->config['shortcode'] 	= 'av_button_big';
    				$this->config['tooltip'] 	= __('Creates a colored button that stretches across the full width', 'avia_framework' );
    				$this->config['tinyMCE']    = array('tiny_always'=>true);
    			}
    		
    			/**
    			 * Popup Elements
    			 *
    			 * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
    			 * opens a modal window that allows to edit the element properties
    			 *
    			 * @return void
    			 */
    			function popup_elements()
    			{
    				$this->elements = array(
    					
    					array(
    							"type" 	=> "tab_container", 'nodescription' => true
    						),
    						
    					array(
    							"type" 	=> "tab",
    							"name"  => __("Content" , 'avia_framework'),
    							'nodescription' => true
    						),
    					
    					array(	"name" 	=> __("Button Title", 'avia_framework' ),
    							"desc" 	=> __("This is the text that appears on your button.", 'avia_framework' ),
    				            "id" 	=> "label",
    				            "type" 	=> "input",
    				            "std" => __("Click me", 'avia_framework' )),
    				            
    				    
    				    array(
    							"name" 	=> __("Additional Description",'avia_framework' ),
    							"desc" 	=> __("Enter an additional description",'avia_framework' ),
    							"id" 	=> "content",
    							"type" 	=> "textarea",
    							"std" 	=> ""
    							),
    				    
    				    array(	
    							"name" 	=> __("Description position", 'avia_framework' ),
    							"desc" 	=> __("Show the description above or below the title?", 'avia_framework' ),
    							"id" 	=> "description_pos",
    							"type" 	=> "select",
    							"subtype" => array(	
    												__('Description above title', 'avia_framework' ) =>'above',
    												__('Description below title', 'avia_framework' ) =>'below',
    												),
    							"std" 	=> "below"),
    				    
    				    array(	
    							"name" 	=> __("Button Link?", 'avia_framework' ),
    							"desc" 	=> __("Where should your button link to?", 'avia_framework' ),
    							"id" 	=> "link",
    							"type" 	=> "linkpicker",
    							"fetchTMPL"	=> true,
    							"subtype" => array(	
    												__('Set Manually', 'avia_framework' ) =>'manually',
    												__('Single Entry', 'avia_framework' ) =>'single',
    												__('Taxonomy Overview Page',  'avia_framework' )=>'taxonomy',
    												),
    							"std" 	=> ""),
    							
    					array(	
    							"name" 	=> __("onClick Event?", 'avia_framework' ),
    							"desc" 	=> __("onClick=\"ga('send', 'event', 'Category', 'Action', 'Label');\"", 'avia_framework' ),
    							"id" 	=> "link_oc",
    							"type" 	=> "input",
    							"std" 	=> ""),	
    							
    					array(	
    							"name" 	=> __("Open Link in new Window?", 'avia_framework' ),
    							"desc" 	=> __("Select here if you want to open the linked page in a new window", 'avia_framework' ),
    							"id" 	=> "link_target",
    							"type" 	=> "select",
    							"std" 	=> "",
    							"subtype" => AviaHtmlHelper::linking_options()),	
    							
    					array(	
    							"name" 	=> __("Button Icon", 'avia_framework' ),
    							"desc" 	=> __("Should an icon be displayed at the left side of the button", 'avia_framework' ),
    							"id" 	=> "icon_select",
    							"type" 	=> "select",
    							"std" 	=> "no",
    							"subtype" => array(
    								__('No Icon',  'avia_framework' ) =>'no',
    								__('Yes, display Icon to the left of the title',  'avia_framework' ) => 'yes-left-icon' ,	
    								__('Yes, display Icon to the right of the title',  'avia_framework' ) =>'yes-right-icon',
    							)),	
    					
    					array(	
    							"name" 	=> __("Icon Visibility",'avia_framework' ),
    							"desc" 	=> __("Check to only display icon on hover",'avia_framework' ),
    							"id" 	=> "icon_hover",
    							"type" 	=> "checkbox",
    							"std" 	=> "",
    							"required" => array('icon_select','not_empty_and','no')
    							),
    					
    					array(	
    							"name" 	=> __("Button Icon",'avia_framework' ),
    							"desc" 	=> __("Select an icon for your Button below",'avia_framework' ),
    							"id" 	=> "icon",
    							"type" 	=> "iconfont",
    							"std" 	=> "",
    							"required" => array('icon_select','not_empty_and','no')
    							),
    					array(
    							"type" 	=> "close_div",
    							'nodescription' => true
    						),
    					
    					array(
    							"type" 	=> "tab",
    							"name"	=> __("Colors",'avia_framework' ),
    							'nodescription' => true
    						),
    					
    					array(	
    							"name" 	=> __("Font Color", 'avia_framework' ),
    							"desc" 	=> __("Select a custom font color for your Button here", 'avia_framework' ),
    							"id" 	=> "custom_font",
    							"type" 	=> "colorpicker",
    							"std" 	=> "#ffffff",
    						),
    					
    					array(	
    							"name" 	=> __("Background Color", 'avia_framework' ),
    							"desc" 	=> __("Choose a background color for your button here", 'avia_framework' ),
    							"id" 	=> "color",
    							"type" 	=> "select",
    							"std" 	=> "theme-color",
    							"subtype" => array(	
    												__('Theme Color', 'avia_framework' )=>'theme-color',
    												__('Theme Color Subtle', 'avia_framework' )=>'theme-color-subtle',
    												__('Blue', 'avia_framework' )=>'blue',
    												__('Red',  'avia_framework' )=>'red',
    												__('Green', 'avia_framework' )=>'green',
    												__('Orange', 'avia_framework' )=>'orange',
    												__('Aqua', 'avia_framework' )=>'aqua',
    												__('Teal', 'avia_framework' )=>'teal',
    												__('Purple', 'avia_framework' )=>'purple',
    												__('Pink', 'avia_framework' )=>'pink',
    												__('Silver', 'avia_framework' )=>'silver',
    												__('Grey', 'avia_framework' )=>'grey',
    												__('Black', 'avia_framework' )=>'black',
    												__('Custom Color', 'avia_framework' )=>'custom',
    												)),
    					
    					array(	
    							"name" 	=> __("Custom Background Color", 'avia_framework' ),
    							"desc" 	=> __("Select a custom background color for your Button here", 'avia_framework' ),
    							"id" 	=> "custom_bg",
    							"type" 	=> "colorpicker",
    							"std" 	=> "#444444",
    							"required" => array('color','equals','custom')
    						),
    							
    					
    					array(	
    							"name" 	=> __("Background Hover Color", 'avia_framework' ),
    							"desc" 	=> __("Choose a background hover color for your button here", 'avia_framework' ),
    							"id" 	=> "color_hover",
    							"type" 	=> "select",
    							"std" 	=> "theme-color-subtle",
    							"subtype" => array(	
    												__('Theme Color', 'avia_framework' )=>'theme-color',
    												__('Theme Color Subtle', 'avia_framework' )=>'theme-color-subtle',
    												__('Blue', 'avia_framework' )=>'blue',
    												__('Red',  'avia_framework' )=>'red',
    												__('Green', 'avia_framework' )=>'green',
    												__('Orange', 'avia_framework' )=>'orange',
    												__('Aqua', 'avia_framework' )=>'aqua',
    												__('Teal', 'avia_framework' )=>'teal',
    												__('Purple', 'avia_framework' )=>'purple',
    												__('Pink', 'avia_framework' )=>'pink',
    												__('Silver', 'avia_framework' )=>'silver',
    												__('Grey', 'avia_framework' )=>'grey',
    												__('Black', 'avia_framework' )=>'black',
    												__('Custom Color', 'avia_framework' )=>'custom',
    												)),
    					
    					array(	
    							"name" 	=> __("Custom Hover Color", 'avia_framework' ),
    							"desc" 	=> __("Select a custom background color for your Button here", 'avia_framework' ),
    							"id" 	=> "custom_bg_hover",
    							"type" 	=> "colorpicker",
    							"std" 	=> "#444444",
    							"required" => array('color_hover','equals','custom')
    						),
    					
    						
    						
    											
    					array(
    							"type" 	=> "close_div",
    							'nodescription' => true
    						),
    						
    					array(
    							"type" 	=> "close_div",
    							'nodescription' => true
    						),
    						
    				);
    
    			}
    			
    			
    			
    			/**
    			 * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
    			 * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
    			 * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
    			 *
    			 *
    			 * @param array $params this array holds the default values for $content and $args. 
    			 * @return $params the return array usually holds an innerHtml key that holds item specific markup.
    			 */
    			function editor_element($params)
    			{
    				extract(av_backend_icon($params)); // creates $font and $display_char if the icon was passed as param "icon" and the font as "font" 
    				
    				$inner  = "<div class='avia_button_box avia_hidden_bg_box avia_textblock avia_textblock_style'>";
    				$inner .= "		<div ".$this->class_by_arguments('icon_select, color' ,$params['args']).">";
    				$inner .= "			<span ".$this->class_by_arguments('font' ,$font).">";
    				$inner .= "			<span data-update_with='icon_fakeArg' class='avia_button_icon avia_button_icon_left'>".$display_char."</span>";
    				$inner .= "			</span>";
    				$inner .= "			<span data-update_with='label' class='avia_iconbox_title' >".$params['args']['label']."</span>";
    				$inner .= "			<span ".$this->class_by_arguments('font' ,$font).">";
    				$inner .= "			<span data-update_with='icon_fakeArg' class='avia_button_icon avia_button_icon_right'>".$display_char."</span>";
    				$inner .= "			</span>";
    				$inner .= "		</div>";
    				$inner .= "</div>";
    				
    				$params['innerHtml'] = $inner;
    				$params['class'] = "";
    				
    				return $params;
    			}
    			
    			
    			
    			/**
    			 * Frontend Shortcode Handler
    			 *
    			 * @param array $atts array of attributes
    			 * @param string $content text within enclosing form of shortcode element 
    			 * @param string $shortcodename the shortcode found, when == callback name
    			 * @return string $output returns the modified html string 
    			 */
    			function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")
    			{
    			   avia_sc_button_full::$count++;
    			
    			   $atts =  shortcode_atts(array('label' => 'Click me', 
    			                                 'link' => '',
    											 'link_oc' => '', 
    			                                 'link_target' => '',
    			                                 'color' => 'theme-color',
    			                                 'color_hover' => 'theme-color-subtle',
    			                                 'custom_bg' => '#444444',
    			                                 'custom_bg_hover' => '#444444',
    			                                 'custom_font' => '#ffffff',
    			                                 'position' => 'center',
    			                                 'icon_select' => 'no',
    			                                 'icon' => '', 
    			                                 'font' =>'',
    			                                 'icon_hover' => '',
    			                                 'description_pos' => ''
    			                                 ), $atts, $this->config['shortcode']);
    			
    				$display_char = av_icon($atts['icon'], $atts['font']);
    			
    				
    				$style = "color:".$atts['custom_font']."; ";
    				$style_hover = "";
    				if($atts['color'] == "custom") 
    				{
    					$style .= "background-color:".$atts['custom_bg'].";  ";
    				}
    				
    				if($atts['color_hover'] == "custom") 
    				{
    					$style_hover = "style='background-color:".$atts['custom_bg_hover']."; '";
    				}
    				
    				$extraClass = $atts['icon_hover'] ? "av-icon-on-hover" : "";
    				
    			    $blank = strpos($atts['link_target'], '_blank') !== false ? ' target="_blank" ' : "";
    			    $blank .= strpos($atts['link_target'], 'nofollow') !== false ? ' rel="nofollow" ' : "";
    
    			    $link  = AviaHelper::get_url($atts['link']);
    			    $link  = $link == "http://" ? "" : $link;
    				
    				$link_oc  = $atts['link_oc'];
    			    
    			    if($style) $style = "style='{$style}'";
    			    
    			    $content_html = "";
    			    
    				if($content && $atts['description_pos'] == 'above') 
    				{
    					$content_html .= "<div class='av-button-description av-button-description-above'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content) )."</div>";
    			    }
    			    if('yes-left-icon' == $atts['icon_select']) $content_html .= "<span class='avia_button_icon avia_button_icon_left ' {$display_char}></span>";
    				$content_html .= "<span class='avia_iconbox_title' >".$atts['label']."</span>";
    			    if('yes-right-icon' == $atts['icon_select']) $content_html .= "<span class='avia_button_icon avia_button_icon_right' {$display_char}></span>";
    				if($content && $atts['description_pos'] == 'below') 
    				{
    					$content_html .= "<div class='av-button-description av-button-description-below'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content) )."</div>";
    			    }
    			    
    			    $output  = "";
    				$output .= "<a href='{$link}' {$link_oc} class='avia-button avia-button-fullwidth {$extraClass} ".$this->class_by_arguments('icon_select, color' , $atts, true)."' {$blank} {$style} >";
    				$output .= $content_html;
    				$output .= "<span class='avia_button_background avia-button avia-button-fullwidth avia-color-".$atts['color_hover']."' {$style_hover}></span>";
    				$output .= "</a>";
    				
    				$output =  "<div class='avia-button-wrap avia-button-".$atts['position']." ".$meta['el_class']."'>".$output."</div>";
    			
    				
    				$params['class'] = "main_color av-fullscreen-button avia-no-border-styling ".$meta['el_class'];
    				$params['open_structure'] = false;
    				$id = AviaHelper::save_string($atts['label'],'-');
    				$params['id'] = !empty($id) ? $id : "av-fullwidth-button-".avia_sc_button_full::$count;
    				$params['custom_markup'] = $meta['custom_markup'];
    				
    				//we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before
    				if($meta['index'] == 0) $params['close'] = false;
    				if(!empty($meta['siblings']['prev']['tag']) && in_array($meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section )) $params['close'] = false;
    				
    				
    				if(!ShortcodeHelper::is_top_level()) return $output;
    				
    				$button_html = $output;
    				
    				$output  =  avia_new_section($params);
    				$output .= $button_html;
    				$output .= avia_section_after_element_content( $meta , 'after_fullwidth_button' );
    				
    				return $output;
    				
    				
    				return $output;
    			}
    			
    			
    			
    	
    	}
    }
    

    Unless Kriesei decide to take this free bit of code development and add it to their next Enfold theme update, this code will be overwritten when the next Enfold update is released. Easiest way around that is to save it in the equivalent location within a child theme.

    #599799

    Hi!

    You are most welcome!

    Please login to the support forum and go to this link https://kriesi.at/support/forum/enfold/

    You will find a big blue button on the top to open a new ticket or scroll to the bottom to find a place to enter your question and a describe the issue below :)

    Cheers!
    Vinay Kashyap

    #599687

    In reply to: Google Event Tracking

    #599550
    Wolf
    Participant

    Hello Team,
    I just started my second enfold themed website and I was wondering if it is possible to change the color of one main menu item. Kinda make it like a button inside the main menu.

    thanks,

    #599512
    grantjoyce1
    Participant

    Hi
    I am using WP courseware on my enfold site.
    If you look at the course units (which are custom posts) you will see the formats are all wrong, showing the progress box in the wrong place.

    The Progress box with button should ONLY be shown below the last content on a page, but you will see it now spans the whole page.
    Please can you log into my site and point me in the right direction.

    • This topic was modified 10 years, 1 month ago by Vinay. Reason: Moved login credentials to private
Viewing 30 results - 7,441 through 7,470 (of 11,220 total)