guys i am trying to use tinymce for editing text in enfold.

Just say i have a paragraph of text and i want to increase the font of a word and turn is red or whatever. none of the tinymce controls are showing for my text box..

there must be SOMETHING i can use that will increase or decrease font size and colour ?

Hey!
I created a custom shortcode based on the toggles shortcode for you:

<?php
/**
 * Featurebox
 * 
 * Shortcode which creates a text element wrapped in a div
*/
if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly

if ( !class_exists( 'avia_sc_olicci_featurebox' ) )
{
    class avia_sc_olicci_featurebox extends aviaShortcodeTemplate
    {
        static $toggle_id = 1;
        static $counter = 1;
        static $initial = 0;
        static $tags = array();
        static $atts = array();

        /**
         * Create the config array for the shortcode button
         */
        function shortcode_insert_button()
        {
			$this->config['self_closing']	=	'no';
			
            $this->config['name']           = __('Feature Box', 'avia_framework' );
            $this->config['tab']		= __('Content Elements', 'avia_framework' );
            $this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-contentslider.png";
            $this->config['order']		= 70;
            $this->config['target']		= 'avia-target-insert';
            $this->config['shortcode'] 	= 'av_olicci_featurebox';
            $this->config['shortcode_nested'] = array('av_olicci_featureitem');
            $this->config['tooltip'] 	= __('Create an olicci Feature Box Element', 'avia_framework' );
            $this->config['disabling_allowed'] = true;
        }

		function admin_assets()
		{
			$ver = AviaBuilder::VERSION;
            wp_enqueue_script('avia_tab_toggle_js' , AviaBuilder::$path['assetsURL'].'js/avia-tab-toggle.js' , array('avia_modal_js'), $ver, TRUE );
		}
			
        function extra_assets()
			{
				//load css
				wp_enqueue_style( 'avia-module-toggles' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/toggles/toggles.css' , array('avia-layout'), false );
				
					//load js
				wp_enqueue_script( 'avia-module-toggles' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/toggles/toggles.js' , array('avia-shortcodes'), false, 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" => __("Heading", 'avia_framework'),
                        'desc' => __('Trage hier die Headline ein','olicci'),
                        'id' => 'heading',
                        'type' => 'input',
                        'std' => 'Adserver'
                    ),
                    array(
                        "name" => __("Subheading","avia_framework"),
                        "desc" => __("Add an extra descriptive subheading below the actual heading","avia_framework"),
                        "id" => "subheading",
                        "type" => "input",
                        "std" => ""
                    ),
                array(
                    "name" => __("Adserver Auswahl", 'avia_framework' ),
                    "desc" => __("Trage hier die Adserver ein, in denen das Feature enthalten ist", 'avia_framework' ),
                    "type" 			=> "modal_group",
                    "id" 			=> "content",
                    "modal_title" 	=> __("Edit List Item", 'avia_framework' ),
                            "std" => array(
                                array('title' => 'Display AdServer','color' => "#400954", "link" => "")
                            ),

                    'subelements' 	=> array(

                                array(
                                    "name" => "AdServer Titel",
                                    "desc" => "Der Titel des AdServers",
                                    "id" => "title",
                                    "std" => "Adnetwork",
                                    "type" => "input"
                                ),
                                array(
                                    "name" => "Link",
                                    "desc" => "Link zur Adserver Beschreibung",
                                    "id" => "link",
                                    "type" => "linkpicker",
                                    "fetchTMPL" => true,
                                    "std" => "",
                                    "subtype" => array(
                                        __('No Link', 'avia_framework' ) =>'',
                                        __('Set Manually', 'avia_framework' ) =>'manually',
                                        __('Single Entry', 'avia_framework' ) =>'single',
                                        __('Taxonomy Overview Page',  'avia_framework' )=>'taxonomy',
                                    )
                                ),
                                array(
                                    "name" => "Kreis-Farbe",
                                    "desc" => "Farbe des Kreises des Elements",
                                    "id" => "link_color",
                                    "type" => "colorpicker",
                                    "std" => "",
                                )

                    )
                ),
				
				array(
							"type" 	=> "close_div",
							'nodescription' => true
				),		
						
								array(
									"type" 	=> "tab",
									"name"	=> __("Screen Options",'avia_framework' ),
									'nodescription' => true
								),
								
								
								array(
								"name" 	=> __("Element Visibility",'avia_framework' ),
								"desc" 	=> __("Set the visibility for this element, based on the device screensize.", 'avia_framework' ),
								"type" 	=> "heading",
								"description_class" => "av-builder-note av-neutral",
								),
							
								array(	
										"desc" 	=> __("Hide on large screens (wider than 990px - eg: Desktop)", 'avia_framework'),
										"id" 	=> "av-desktop-hide",
										"std" 	=> "",
										"container_class" => 'av-multi-checkbox',
										"type" 	=> "checkbox"),
								
								array(	
									
										"desc" 	=> __("Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework'),
										"id" 	=> "av-medium-hide",
										"std" 	=> "",
										"container_class" => 'av-multi-checkbox',
										"type" 	=> "checkbox"),
										
								array(	
									
										"desc" 	=> __("Hide on small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework'),
										"id" 	=> "av-small-hide",
										"std" 	=> "",
										"container_class" => 'av-multi-checkbox',
										"type" 	=> "checkbox"),
										
								array(	
									
										"desc" 	=> __("Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework'),
										"id" 	=> "av-mini-hide",
										"std" 	=> "",
										"container_class" => 'av-multi-checkbox',
										"type" 	=> "checkbox"),
									
								
							  
				
							
								
							array(
									"type" 	=> "close_div",
									'nodescription' => true
								),	
								
								
						
						
					array(
						"type" 	=> "close_div",
						'nodescription' => true
					),

            );

            if(current_theme_supports('avia_template_builder_custom_tab_toogle_id'))
            {
                $this->elements[2]['subelements'][] = array(
                    "name" 	=> __("For Developers: Custom Toggle ID",'avia_framework' ),
                    "desc" 	=> __("Insert a custom ID for the element here. Make sure to only use allowed characters",'avia_framework' ),
                    "id" 	=> "custom_id",
                    "type" 	=> "input",
                    "std" 	=> "");
            }

        }

        /**
         * Editor Sub Element - this function defines the visual appearance of an element that is displayed within a modal window and on click opens its own modal window
         * Works in the same way as Editor Element
         * @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_sub_element($params)
        {
            $template = $this->update_template("title", "{{title}}");

            $params['innerHtml']  = "";
            $params['innerHtml'] .= "<div class='avia_title_container' {$template}>".$params['args']['title']."</div>";

            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 = "")
        {
                extract(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes 

                extract(shortcode_atts(array(
                'font_color' => "",
                'color' => '',
                'size' => '',
                
                ), $atts, $this->config['shortcode']));
                
                
                $custom_class = !empty($meta['custom_class']) ? $meta['custom_class'] : "";
                $output = '';
                $markup = avia_markup_helper(array('context' => 'entry','echo'=>false, 'custom_markup'=>$meta['custom_markup']));
                $markup_text = avia_markup_helper(array('context' => 'entry_content','echo'=>false, 'custom_markup'=>$meta['custom_markup']));

                $output .= "<!-- ";
                $output .= var_export([$atts,$content],true);
                $output .= "-->\n";
                $output .= '<section class="av_featurebox_section">';// '.$markup.'>';
                $output .= '<div class="olicci-sign">';
                $output .= '<img src="'.trailingslashit(get_stylesheet_directory_uri()).'img/olicci-sign-30x30.png" alt="" />';
                $output .= '</div>';
                $output .= '<div class="title">';
                $output .= "<h4>".$atts['heading']."</h4>";
                $output .= "<h6>".$atts['subheading']."</h6>";
                $output .= "</div>";
                //$output .= "<div class='avia_textblock {$custom_class}' {$markup_text}>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content) )."</div>";
                $output .= "<div class='avia_textblock {$custom_class}'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content) )."</div>";
                $output .= "<div class='avia_footer'>";
                $output .= "</div>";
                $output .= '</section>';
                return $output;
        }

        function av_olicci_featureitem($atts, $content = "", $shortcodename = "")
        {
            $output = $titleClass = $contentClass = "";
            /*$toggle_atts = shortcode_atts(array('title' => '', 'tags' => '', 'custom_id' => '', 'custom_markup' =>''), $atts, 'av_olicci_featureitem');
			$toggle_init_open_style = "";*/
            
            $atts =  shortcode_atts(array('title' => '', 'link' => '', 'link_color' => ''), $atts, 'av_olicci_featureitem');

            $link = aviaHelper::get_url($atts['link']);

            $output = "<a href='".$link."' class='tooltip' data-tooltip='".esc_attr($atts['title'])."'>";
            $output .= "<div class='circle' style='background-color: ".esc_attr($atts['link_color'])."'></div>";
            $output .= "</a>";
			

            return $output;
        }

    }
}

You can use it as a starting point for additional shortcode settings, etc.

Regards,
Peter

Hey buxton161,

You can use this code to create the element:

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections' av_uid='av-6pr6fk']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-6hwbk8']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff' av_uid='av-6dsjcg']
NEW
WINTER COLLECTION
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-6686k8']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff' av_uid='av-61m3e8']
LATEST
STREET CLOTHES
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-5wd80g']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff' av_uid='av-5oekkg']
FRESH
SPORTSWEAR
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-jvrd4']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff' av_uid='av-5cjrlk']
FUNKY
ACCECCOIRS
[/av_image]

[/av_cell_one_fourth]
[/av_layout_row]

I recommend to activate the debug mode ( https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode ) – then you can add this code directly to the debug field (textarea under the layout builder on the editor page). Then click the blue “update” button on the editor page and the editor will load the element after the saving process.

Best regards,
Dude