-
Search Results
-
Topic: Font size full screen slider
Hi,
I’m using the fullscreen slider as header on my homepage. Usually it is possible to change the header text size and caption size within the element. This also worked some days ago. Now I’m using Google Fonts for my website and can’t change the caption size anymore. If I change the size for the header text it works. If I want to change the size for the caption nothing happens. No matter which size I choose – nothing happens. Always the template default size is used instead.
Can anyone help?
Topic: Tabs Section cc
Ive got a Tabs section on this page http://dharmacottageyoga.com/luxury-yoga-retreats/
front end password = lennoxI want the tab heading to be the same font as the headings (ie Playfair Display)
I’ve tried lots of combo and can’t seem to get it – here is what is currently in the custom css
.tab_titles { font: Playfair Display;
font-size: 18px;
}the font size is taking but not the typeface
Hi
the video (selfhosted and as background does not play)– Its on the server
– the URL is correct
– it plays when you call it via URL directly
– Firefox latestThis is the code:
[av_section min_height='100' min_height_px='700px' padding='large' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' scroll_down='aviaTBscroll_down' custom_arrow_bg='' id='vidback' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='parallax' position='top left' repeat='stretch' video='https://domain.......de/video/film.mp4' video_ratio='' video_mobile_disabled='aviaTBvideo_mobile_disabled' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.2' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-auo1aw' custom_class='vidbackclass'] [av_heading heading='I am a <strong>heading</strong> blablabla' tag='h2' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' margin='' margin_sync='true' padding='35' color='custom-color-heading' custom_font='#dbdbdb' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-269oh4' custom_class='' admin_preview_bg=''] Lorem ipsum dolor [/av_heading] [/av_section]The domain has made invisible by purpose for this thread.
ClaudiaHello folks,
thank you for adding the Custom Font Manager feature to Enfold! But I’ve encountered still a little problem.
When downloading the font directly from Google Fonts in TTF format, Enfold is recognizing all different sizes:

But the disadvantage is, that the only font format ist TTF.When downloading the font via google-webfonts-helper Enfold just recognizes the 400 (regular) weight:

although there is also the 700 weight included:

Is there a solution to this problem?
For your hints many thanks in advance!
Best regards
DavidTopic: product category font-size
Hello,
The <p> font-size is smaller on a category page (woocommerce) see the site page. How can we change this?
https://www.alp-lift.nl/product-categorie/materiaalliften/theaterliften-materiaalliften/
Wkr Tim
Topic: Link in footer to anchor
Hi!
In my footer I have three columns. In my first column I’ve placed a button with the following code:
[av_button label='Maak een afspraak voor een gratis oriëntatiegesprek' link='http://shedoesitcoaching.com/contact/' link_target='' color='theme-color' custom_bg='#44444' custom_font='#ffffff' size='medium' position='left' icon_select='yes' icon='']
I would like to replace the ‘link’ to an anchor on my homepage (Tips).
How can I adjust the code of the button for this?Thanks in advance!
Background is changeable but Font-size not – even after a renew the compressed css files still no change ?
i did it now via quick cssHello everyone,
1st I must admit that I am not familiar with writing CSS code… Biut I can understand if someone guides me :-)
Could you please tell me how I can control the font sizes of buttons and form fields?
Thx for helping!Hi,
I already asked about it, but did not get any reply.
I have tthe problem, that some text paragraphs get smaller in mobile view, as specially the linked ones. https://fotokite.com/shipping-status-update/
Attached you will find the page. Please scale it down to mobile size and see my problem.Thanx for the fast respond.
Best,
DeryaP.S. It would be also very nice to get solutions to my older problems.
Dear Kriesi Team,
I’m creating a new website for a sport club using the Enfold theme. Nearly everything works comfortable and very well and I made some customizations without bigger problems. But right now I need a little help and could’t find a suitable solution on the Enfold help pages. I need some „old-fashioned“ tables for monthly programs and league tables. I constructed these tables with flexible columns widths in percentage and font sizes in em. These tables look good on desktop screens, but when it comes to small portrait viewports with a width of 320 or 350 pixel, the tables are cut off on the right side. I want the whole tables completely at a glance without horizontal scrolling, even if the text elements might get very small then. I guess the solution for the problems could be a CSS style like float: left; oder overflow-x: visible, but I can’t find the right assignment. The site is under construction and hosted temporarily on a private site.
I would appreciate an advice, thanks in advance.Topic: Extra Elements (top Area)
Could please let me know how to increase height and font/icons size of the extra element in top area?
Hello,
i would like to change the Font size and the text-transform
i use Blog-Styling: Modern Business and Enfold 4.4.1
Thanks
Hi
i try to use my own shortcode by this example here.
Now i try to add a list-feature, but this not work.
My Code:<?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 { /** * 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'] = 1; $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['preview'] = true; $this->config['modal_data'] = array('modal_class' => 'mediumscreen'); } /** * 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" => __("Content",'avia_framework' ), "desc" => __("Enter some content for this textblock",'avia_framework' ), "id" => "content", "type" => "textarea", "std" => __("Click here to add your own text", "avia_framework" ) ), array( "name" => __("Adserver Auswahl", 'olicci' ), "desc" => __("Trage hier die Adserver ein, in denen das Feature enthalten ist", 'olicci' ), "id" => "adserver", "type" => "modal_group", "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( "name" => __("Font Size",'avia_framework' ), "desc" => __("Set the font size for the element content, based on the device screensize.", 'avia_framework' ), "type" => "heading", "description_class" => "av-builder-note av-neutral", ), array( "name" => __("Font Size for medium sized screens (between 768px and 989px - eg: Tablet Landscape)", 'avia_framework' ), "id" => "av-medium-font-size", "type" => "select", "subtype" => AviaHtmlHelper::number_array(10,60,1, array( __("Default", 'avia_framework' )=>''), "px"), "std" => ""), array( "name" => __("Font Size for small screens (between 480px and 767px - eg: Tablet Portrait)", 'avia_framework' ), "id" => "av-small-font-size", "type" => "select", "subtype" => AviaHtmlHelper::number_array(10,60,1, array( __("Default", 'avia_framework' )=>''), "px"), "std" => ""), array( "name" => __("Font Size for very small screens (smaller than 479px - eg: Smartphone Portrait)", 'avia_framework' ), "id" => "av-mini-font-size", "type" => "select", "subtype" => AviaHtmlHelper::number_array(10,60,1, array( __("Default", 'avia_framework' )=>''), "px"), "std" => ""), array( "type" => "close_div", 'nodescription' => true ), array( "type" => "close_div", 'nodescription' => true ), ); } /** * 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", __("Element", 'avia_framework' ). ": {{title}}"); //extract(av_backend_icon($params)); // creates $font and $display_char if the icon was passed as param "icon" and the font as "font" $params['innerHtml'] = ""; $params['innerHtml'] .= "<div class='avia_title_container'>"; $params['innerHtml'] .= "<span>";//"<span ".$this->class_by_arguments('font' ,$font).">"; //$params['innerHtml'] .= "<span data-update_with='icon_fakeArg' class='avia_tab_icon'>".$display_char."</span>"; $params['innerHtml'] .= "</span>"; $params['innerHtml'] .= "<span {$template} >".__("Element", 'avia_framework' ).": ".$params['args']['title']."</span></div>"; return $params; } /** * 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) { $params['class'] = ""; $params['innerHtml'] = "<div class='avia_featurebox avia_textblock_style' data-update_with='content'>".stripslashes(wpautop(trim(html_entity_decode( $params['content']) )))."</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 = "") { //extract($this->screen_options); //return $av_font_classes, $av_title_font_classes and $av_display_classes $atts = shortcode_atts(array('title' => '', 'link' => '', 'link_color' => ''), $atts, 'av_olicci_featureitem'); $output = ""; $output = "<a href='".esc_url($atts['link'])."' class='tooltip' data-tooltip='".esc_attr($atts['title'])."'>"; $output .= "<div class='circle' style='background-color: ".esc_attr($atts['link_color'])."'></div>"; $output .= "</a>"; /* $output = ""; $output .= "<li>"; $output .= "<{$display_char_wrapper['start']} {$this->icon_html_styling} class='iconlist_icon avia-font-".$atts['font']."'><span class='iconlist-char '></span></{$display_char_wrapper['end']}>"; $output .= '<article class="article-icon-entry '.$contentClass.'" '.avia_markup_helper(array('context' => 'entry','echo'=>false, 'custom_markup'=>$atts['custom_markup'])).'>'; $output .= "<div class='iconlist_content_wrap'>"; $output .= '<header class="entry-content-header">'; $markup = avia_markup_helper(array('context' => 'entry_title','echo'=>false, 'custom_markup'=>$atts['custom_markup'])); if(!empty($atts['title'])) $output .="<{$title_el} class='av_iconlist_title iconlist_title{$iconlist_title} {$this->title_class} {$av_title_font_classes}' {$markup} {$this->title_styling}>".$atts['title']."</{$title_el}>"; $output .= '</header>'; $markup = avia_markup_helper(array('context' => 'entry_content','echo'=>false, 'custom_markup'=>$atts['custom_markup'])); $output .= "<div class='iconlist_content {$this->content_class} {$av_font_classes}' {$markup} {$this->content_styling}>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop( $content ) )."</div>"; $output .= "</div>"; $output .= '<footer class="entry-footer"></footer>'; $output .= '</article>'; $output .= "<div class='iconlist-timeline'></div>"; $output .= "</li>"; */ return $output; } } }That outputted:
<p>‚ av-medium-font-size=“ av-small-font-size=“ av-mini-font-size=“ av_uid=’av-3590‘ admin_preview_bg=“]<br> Affiliate AdServer ist mit einem innovativen Feature ausgestattet, durch das der Betreiber Aufgaben auf verschiedene Manager verteilen kann. Jeder Manager erhält einen eigenen Account, mit dem er verschiedene Inventare verwalten oder Aufgaben wie die Prüfung von Werbemitteln ausführen kann.</p>How i can add the list-feature to my element (every list-item needs a title, link and a color, not more)?
Thanks,
StefanTopic: Special heading size
i am trying to change the size of a special heading in a specific page only, inside the editor but is not changing anything ont he front-end.
i have also tried to do that with the folowing css but is not responding.
.page-id-3247 h1 { font-size: 30px!important; }i have the latest version
do i missed something here?
