-
AuthorSearch Results
-
September 5, 2018 at 10:08 pm #1006360
Topic: Adjust subtitle testimonial
in forum Enfoldshedoesitcoaching
ParticipantHi Enfold team,
I would like to adjust the subtitle (job description under the name) of my testimonials:
– adjust the size of the font
– adjust the colour of the fontIs that possible?
Kind Regards,
EefkeSeptember 5, 2018 at 7:30 pm #1006281In reply to: Change size title block on homepage
Hey Marie-Claude,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-content-slider h3 a { font-size: 18px; }To be able to put the author there you will need to modify the Content slider files.
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 5, 2018 at 1:19 pm #1006111In reply to: Needs some code CSS
Hi,
Thanks for that, let’s take them one by one. Otherwise it can get hard to follow the thread. Try this CSS for the blog post header:
.av-masonry-entry-title { font-size:20px !important; }Best regards,
RikardSeptember 5, 2018 at 9:45 am #1005941In reply to: How can I create traditional video gallery?
Hi,
Enfold does not come with such a video gallery out of the box. The website you showed us uses this plugin: https://vimeography.com/ to create the gallery.
I played around a bit and this code gave me similiar results (you can use the debug mode to add the code to your advanced layout builder – see https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode but you need to replace the images with images from your server):
[av_image src='https://mywebsite.com/image.jpg' attachment='32815' attachment_size='full' align='center' styling='' hover='' link='manually,https://vimeo.com/119811742' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jlotu786' custom_class='' admin_preview_bg=''][/av_image] [av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-1h5ukco'] [av_image src='https://mywebsite.com/image.jpg' attachment='32815' attachment_size='full' align='center' styling='' hover='' link='manually,https://vimeo.com/119811742' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jlotu786' custom_class='' admin_preview_bg=''][/av_image] [/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-13zvdns'] [av_image src='https://mywebsite.com/image.jpg' attachment='32815' attachment_size='full' align='center' styling='' hover='' link='manually,https://vimeo.com/119811742' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jlotu786' custom_class='' admin_preview_bg=''][/av_image] [/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-29iwzs'] [av_image src='https://mywebsite.com/image.jpg' attachment='32815' attachment_size='full' align='center' styling='' hover='' link='manually,https://vimeo.com/119811742' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jlotu786' custom_class='' admin_preview_bg=''][/av_image] [/av_one_third]I simply added 4 image elements (Media elements) to the page builder and linked all of them to vimeo videos. Then I added 3 columns to the page builder and drag’n’droped 3 images into the columns. The remaining image stays at the top of the columns and is displayed as full size image.
Best regards,
DudeSeptember 5, 2018 at 5:34 am #1005879In reply to: Self-Hosted Video Background Pt. 2
Hi,
nope, you’ve just sent me the Logo which is working as charm now thanks to the guys.
No, I didn’t. Please check the screenshot again. We adjusted the code on the Quick CSS field. Please purge the cache before checking the page.
#top .avia-slideshow-inner, #top .avia-slide-wrap, #top .avia-slideshow li { min-height: 50vh !important; } #top .avia-slideshow li { background-size: cover; background-position: center center; } #top .av_slideshow_full li img { visibility: hidden; } .avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title { font-size: 24px !important; } #top .avia-caption-content p { font-size: 15px !important; }We also included this script in the functions.php file:
add_action('wp_footer', 'ava_custom_mobile_slide_background'); function ava_custom_mobile_slide_background(){ ?> <script type="text/javascript"> (function($) { var isMobile = false; if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement) { isMobile = true; } else { isMobile = false; } console.log(isMobile); if(!isMobile) return; $('.avia-fullwidth-slider div li').each( function(e) { $(this).css('background-image', 'url('+ $(this).data("mobile-img") + ')'); }); $('.avia-fullwidth-slider div li').on( 'click', function(e) { var link = $(this).find('img').parent('a'); link.trigger('click'); }); })(jQuery); </script> <?php }Best regards,
IsmaelSeptember 5, 2018 at 4:48 am #1005861In reply to: Secondary Custom Nav over Image
Hi,
As you can see in the screenshot the menu is already to the left of the column. You can try changing the structure in the backend and put both the logo and menu in the same column and use the CSS to float them both to the left.
To affect only the widget menu please replace the below code
#top .widget_nav_menu li a{ display: inline-block !important; padding: 5px; float: left !important; font-size:14px; color: #fff !important; text-transform:uppercase !important; line-height: 1.2; }With
#top #menu-wats3d-top li a{ display: inline-block !important; padding: 5px; float: left !important; font-size:14px; color: #fff !important; text-transform:uppercase !important; line-height: 1.2; }This should affect only the widget menu now.
Best regards,
VinaySeptember 4, 2018 at 10:34 pm #1005809In reply to: Bullets colors
I modified the color that way:
ul {list-style: none !important;}
ul li:before {
position: relative;
top: 4px;
margin-right: 7px;
content: “\2022”;
font-size: 25px;
color: #FF7A6E;
line-height: 0;
text-align: left;
}In certain places of the site I need the color orange, in some places I need the color black
September 4, 2018 at 8:43 pm #1005762In reply to: Secondary Custom Nav over Image
This reply has been marked as private.September 4, 2018 at 8:42 pm #1005761Hi,
Please add the following code:
#top #wrap_all .avia-slideshow-button, #top .avia-button { font-size: 32px; padding: 20px; }Let us know if it works :)
Best regards,
BasilisSeptember 4, 2018 at 6:26 pm #1005721Topic: Close button for the tabs
in forum Enfoldideance
ParticipantHello,
We are using the tabs feature and need a close button for each of the tabs (as the content can get pretty long on some pages). So we created a button that we added on top of the tabs that links to the page itselfs (refreshing the entire content on the page and closing the tabs). Each of the tabs has also a custom id. We would need a more elegant solution to achieve that (ajax based function) to close all / any of the tabs. This close button would be useful especially for the mobile users.
Here’s the button code we’re using at the moment:
[av_button label='Close' link='manually,http://www.domainname.com/' link_target='' size='small' position='left' label_display='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-raoc' admin_preview_bg='']Thanks!
-
This topic was modified 7 years, 7 months ago by
ideance.
September 4, 2018 at 4:54 pm #1005686In reply to: Centered Logo Menu Items Responsiveness
Thanks Vinay! That appears to have fixed it. So both the media query and what we set the break point for the mobile menu needs to be the same else we’ll see the problems with the menu? Is there also a way to have the menu fonts and horizontal spacing between menu items, shrink to retain the centered logo menu nav until both the spacing and font size reach too small a point and then jump to the mobile menu? Hoping I can go smaller than 1200px with the current menu items (character lengths) without having the nav menu wrap or jump to the mobile menu. Thanks!
September 4, 2018 at 3:03 pm #1005617In reply to: Bigger button
Hi Eefke,
Thanks for the feedback. Please try this CSS as well:
.home .avia-size-large .avia_iconbox_title { font-size: 18px; }Best regards,
Rikard-
This reply was modified 7 years, 7 months ago by
Rikard.
September 4, 2018 at 3:03 pm #1005615In reply to: Change size's Title sidebar
Hi MCLdesign2010,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #wrap_all #text-4 h3 a, #top #wrap_all #newsbox-3 h3 { font-size: 22px; }If you need further assistance please let us know.
Best regards,
VictoriaSeptember 4, 2018 at 2:47 pm #1005595Topic: Needs some code CSS
in forum EnfoldMarie-Claude
Participanthello, I need CSS code to make font size change.
See my printscreen, I have 4 requests.Thanks you very much !
September 4, 2018 at 2:45 pm #1005592In reply to: Bigger button
This reply has been marked as private.September 4, 2018 at 2:04 pm #1005561In reply to: Change size's Title sidebar
Hi,
Please use this css code to style the h3 in the sidebar:
#top #wrap_all .all_colors .sidebar h3.widgettitle{ font-size: 14px; }and replace 14px with your custom font size.
Best regards,
DudeSeptember 4, 2018 at 12:25 pm #1005477In reply to: Pdfs not found
PS on this here: https://kriesi.at/support/topic/pdfs-not-found/#post-1005108 you inserted a wrong link too.
Can you please tell us what you are doing / inserting on the text-input fieldsBut
please use the code tag here on board.
1) click the code button above
2) paste in your code
3) click again (now you see button has changed to closing tag) /code_______ now______on your code there was one missing – that it is a manually set code. See if i create a Button with your link:
[av_button label='Download e-Brochure' link='manually,http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/09/sns.pdf' link_target='_blank' size='medium' position='left' label_display='' icon_select='yes' icon='ue8ad' font='entypo-fontello' id='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-jlngc6oc' custom_class='' admin_preview_bg='']link=’manually,http:// …
But both should work ! – did you work only with debug mode ?
the link is totaly abstruse: nested and an anchor in a href attribut etc. pp:September 4, 2018 at 11:50 am #1005461In reply to: top menu with search function
Hi beenee,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 768px) { .av_secondary_right .sub_menu { padding-right: 160px; } .av_phone_active_left .phone-info { position: absolute; right: 0; float: none; padding: 0; } .av_phone_active_left .phone-info #searchform #searchsubmit { font-size: 13px; width: 30px; line-height: 30px; } #top .av_minimal_header #s { padding: 9px 47px 9px 7px; } }If you need further assistance please let us know.
Best regards,
VictoriaSeptember 4, 2018 at 10:48 am #1005384In reply to: Change size's Title sidebar
Hi MCLdesign2010,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
strong.news-headline { font-size: 18px; } strong.news-headline .news-time { font-size: 14px; }If you need further assistance please let us know.
Best regards,
VictoriaSeptember 4, 2018 at 9:53 am #1005344In reply to: Pdfs not found
Hi,
I checked the html code of the button and this code is not valid/broken. It looks like:
<a href="<a href="http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/09/sns.pdf" target="_blank" rel="noopener">http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/09/sns.pdf</a>" class="avia-button avia-icon_select-yes-left-icon avia-color-theme-color avia-size-large avia-position-left " target="_blank"><span class="avia_button_icon avia_button_icon_left " data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Download e-Brochure</span></a>but it should look like:
<a href="http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/09/sns.pdf" class="avia-button avia-icon_select-yes-left-icon avia-color-theme-color avia-size-large avia-position-left " target="_blank"><span class="avia_button_icon avia_button_icon_left " data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Download e-Brochure</span></a>I’m not sure what causes this issue. Please try to deactivate all plugins and ccheck if a plugin manipulates the link/button code. Please also check your custom code in your child theme.
Best regards,
DudeSeptember 4, 2018 at 6:02 am #1005277In reply to: Bigger button
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.home .avia-button.avia-size-large { padding: 20px 50px 20px; font-size: 18px; }Best regards,
RikardSeptember 3, 2018 at 7:18 pm #1005132In reply to: Excerpt styling
Hi,
You have following custom CSS code
.grid-entry-excerpt { font-size: 15px !important; font-style: normal !important; text-transform: uppercase !important; text-align: center:!important; }please change it to following
.grid-entry-excerpt { font-size: 15px !important; font-style: normal !important; text-transform: uppercase !important; text-align: center!important; }Best regards,
YigitSeptember 3, 2018 at 5:59 pm #1005097In reply to: Http error 500
Hi Victora,
See below:<?php
//Tried both with and without added enqueing code. Seemed not to make a difference #SG;
//#SG: Enqueuing the parent theme stylesheet;
add_action( ‘wp_enqueue_scripts’, ‘enqueue_child_theme_styles’, PHP_INT_MAX);
function enqueue_child_theme_styles() {
wp_enqueue_style( ‘avia-style’, get_template_directory_uri().’/style.css’ );
}
// #SG: Enqueuing the parent theme CSS;
function my_theme_enqueue_styles() {$parent_style = ‘avia-style’; // This is ‘avia-style’ for the Enfold theme.
wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style ),
wp_get_theme()->get(‘Version’)
);
}
add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );/*
* 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.
*/// Added by #SG for Eliminate render-blocking JavaScript and CSS in above-the-fold content
function my_init()
{
if (!is_admin())
{
wp_deregister_script(‘jquery’);// Load a copy of jQuery from the Google API CDN
// The last parameter set to TRUE states that it should be loaded
// in the footer.
wp_register_script(‘jquery’, ‘http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js’, FALSE, ‘1.11.0’, TRUE);wp_enqueue_script(‘jquery’);
}
}
add_action(‘init’, ‘my_init’);
//End of added code by #SGif ( !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’ );
/**
* layerslider plugin – needs to be loaded before framework because we need to add data to the options array
*
* To be backwards compatible we still support add_theme_support(‘deactivate_layerslider’);
* This will override the option setting “activation” of the bundled plugin !!
*
* @since 4.2.1
*//*DEACTIVATED by #SG (Remove this line to activate)
require_once( ‘config-layerslider/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’),));
/*
* a small array that contains admin notices that can, for example, be called after an update
* just set the db option avia_admin_notice to contain the key of the notice you want to display
* eg: update_option(‘avia_admin_notice’, ‘performance_update’);
*
* classes: error, warning, success, info
* msg: whatever floats your boat :D
*/$avia_config[‘admin_notices’] = array(
//default update success
‘update_success’ => array(‘class’=>’success’, ‘msg’ => __(‘Enfold update was successful! ‘,’avia_framework’)),//update to version 4.3 – performance update. display notice and link to blog post
‘performance_update’ => array(‘class’=>’info’, ‘msg’ => “Attention: The last Enfold update added a lot of performance options. Make sure to read more about it here<br><br>If you are running a caching plugin please make sure to reset your cached files, since the CSS and JS file structure of the theme changed heavily”
),//update to version 4.4 – gdpr update. display notice and link to blog post
‘gdpr_update’ => array(‘class’=>’info’, ‘msg’ => “Attention: Enfold was updated for GDPR compliance. Make sure to read more about it here”
),//more to come…
);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()
{
global $avia_config;$theme = wp_get_theme();
if( false !== $theme->parent() )
{
$theme = $theme->parent();
}
$vn = $theme->get( ‘Version’ );$options = avia_get_option();
$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(), $vn, false ); //needs to be loaded at the top to prevent bugs
wp_enqueue_script( ‘avia-default’, $template_url.’/js/avia.js’, array(‘jquery’), $vn, true );
wp_enqueue_script( ‘avia-shortcodes’, $template_url.’/js/shortcodes.js’, array(‘jquery’,’avia-default’), $vn, true );wp_enqueue_script( ‘jquery’ );
//register styles
wp_register_style( ‘avia-style’ , $child_theme_url.”/style.css”, array(), $vn, ‘all’ ); //only include in childthemes. has no purpose in main theme
wp_register_style( ‘avia-custom’, $template_url.”/css/custom.css”, array(), $vn, ‘all’ );wp_enqueue_style( ‘avia-grid’ , $template_url.”/css/grid.css”, array(), $vn, ‘all’ );
wp_enqueue_style( ‘avia-base’ , $template_url.”/css/base.css”, array(‘avia-grid’), $vn, ‘all’ );
wp_enqueue_style( ‘avia-layout’, $template_url.”/css/layout.css”, array(‘avia-base’), $vn, ‘all’ );
wp_enqueue_style( ‘avia-scs’, $template_url.”/css/shortcodes.css”, array(‘avia-layout’), $vn, ‘all’ );/************************************************************************
Conditional style and script calling, based on theme options or other conditions
*************************************************************************///lightbox inclusion
$condition = !empty($avia_config[‘use_standard_lightbox’]) && ( ‘disabled’ != $avia_config[‘use_standard_lightbox’] );
avia_enqueue_style_conditionally( $condition , ‘avia-popup-css’, $template_url.”/js/aviapopup/magnific-popup.css”, array(‘avia-layout’), $vn, ‘screen’);
avia_enqueue_style_conditionally( $condition , ‘avia-lightbox’, $template_url.”/css/avia-snippet-lightbox.css”, array(‘avia-layout’), $vn, ‘screen’);
avia_enqueue_script_conditionally( $condition , ‘avia-popup-js’ , $template_url.’/js/aviapopup/jquery.magnific-popup.min.js’, array(‘jquery’), $vn, true);
avia_enqueue_script_conditionally( $condition , ‘avia-lightbox-activation’, $template_url.”/js/avia-snippet-lightbox.js”, array(‘avia-default’), $vn, true);//mega menu inclusion (only necessary with sub menu items)
$condition = (avia_get_submenu_count(‘avia’) > 0);
avia_enqueue_script_conditionally( $condition , ‘avia-megamenu’, $template_url.”/js/avia-snippet-megamenu.js”, array(‘avia-default’), $vn, true);//sidebar menu inclusion (only necessary when header position is set to be a sidebar)
$condition = (isset($options[‘header_position’]) && $options[‘header_position’] != “header_top”);
avia_enqueue_script_conditionally( $condition , ‘avia-sidebarmenu’, $template_url.”/js/avia-snippet-sidebarmenu.js”, array(‘avia-default’), $vn, true);//sticky header with header size calculator
$condition = (isset($options[‘header_position’]) && $options[‘header_position’] == “header_top”);
$condition2 = (isset($options[‘header_sticky’]) && $options[‘header_sticky’] == “header_sticky”) && $condition;
avia_enqueue_script_conditionally( $condition2 , ‘avia-sticky-header’, $template_url.”/js/avia-snippet-sticky-header.js”, array(‘avia-default’), $vn, true);//site preloader
$condition = (isset($options[‘preloader’]) && $options[‘preloader’] == “preloader”);
avia_enqueue_script_conditionally( $condition , ‘avia-siteloader-js’, $template_url.”/js/avia-snippet-site-preloader.js”, array(‘avia-default’), $vn, true, false);
avia_enqueue_style_conditionally( $condition , ‘avia-siteloader’, $template_url.”/css/avia-snippet-site-preloader.css”, array(‘avia-layout’), $vn, ‘screen’, false);//cookie consent
$condition = (isset($options[‘cookie_consent’]) && $options[‘cookie_consent’] == “cookie_consent”);
avia_enqueue_script_conditionally( $condition , ‘avia-cookie-js’ , $template_url.”/js/avia-snippet-cookieconsent.js”, array(‘avia-default’), $vn, true);
avia_enqueue_style_conditionally( $condition , ‘avia-cookie-css’, $template_url.”/css/avia-snippet-cookieconsent.css”, array(‘avia-layout’), $vn, ‘screen’);//load widget css only if we got active widgets
$condition = (avia_get_active_widget_count() > 0);
avia_enqueue_style_conditionally( $condition , ‘avia-widget-css’, $template_url.”/css/avia-snippet-widget.css”, array(‘avia-layout’), $vn, ‘screen’);//load mediaelement js
$condition = !( isset($options[‘disable_mediaelement’]) && $options[‘disable_mediaelement’] == “disable_mediaelement” ) && av_video_assets_required();
$condition2 = ( version_compare( get_bloginfo( ‘version’ ), ‘4.9’, ‘>=’ ) ) && $condition;
avia_enqueue_script_conditionally( $condition , ‘wp-mediaelement’);
avia_enqueue_style_conditionally( $condition2 , ‘wp-mediaelement’); //With WP 4.9 we need to load the stylesheet seperately//comment reply script
global $post;
$condition = !( isset($options[‘disable_blog’]) && $options[‘disable_blog’] == “disable_blog” ) && $post && comments_open();
$condition = ( is_singular() && get_option( ‘thread_comments’ ) ) && $condition;
avia_enqueue_script_conditionally( $condition , ‘comment-reply’);//rtl inclusion
avia_enqueue_style_conditionally( is_rtl() , ‘avia-rtl’, $template_url.”/css/rtl.css”, array(), $vn, ‘all’);
//disable jquery migrate if no plugins are active (enfold does not need it) or if user asked for it in optimization options
$condition = avia_count_active_plugins() == 0 || (isset($options[‘disable_jq_migrate’]) && $options[‘disable_jq_migrate’] != “disable_jq_migrate”);
if(!$condition) avia_disable_query_migrate();//move jquery to footer if no unkown plugins are active
if(av_count_untested_plugins() == 0 || (isset($options[‘jquery_in_footer’]) && $options[‘jquery_in_footer’] == “jquery_in_footer”) ){
av_move_jquery_into_footer();
}/************************************************************************
Inclusion of the dynamic stylesheet
*************************************************************************/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();/**
* Change the default dynamic upload url
*
* @since 4.4
*/$avia_dyn_upload_path = apply_filters(‘avf_dyn_stylesheet_dir_url’, $avia_upload_dir[‘baseurl’] . ‘/dynamic_avia’ );
$avia_dyn_upload_path = trailingslashit( $avia_dyn_upload_path );if( is_ssl() )
{
$avia_dyn_upload_path = str_replace( “http://”, “https://”, $avia_dyn_upload_path );
}/**
* Change the default dynamic stylesheet name
*
* @since 4.4
*/$avia_dyn_stylesheet_url = apply_filters( ‘avf_dyn_stylesheet_file_url’, $avia_dyn_upload_path . $safe_name . ‘.css’ );
$version_number = get_option( ‘avia_stylesheet_dynamic_version’ . $safe_name );
if( empty( $version_number ) )
{
$version_number = $vn;
}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
*
* With WP 4.9 we need to load the stylesheet seperately – therefore we must not remove it
*/if( version_compare( get_bloginfo( ‘version’ ), ‘4.9’, ‘<‘ ) )
{
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)
require_once( ‘includes/helper-assets.php’ ); // holds asset managment functions
require_once( ‘includes/helper-privacy.php’ ); // holds privacy managment shortcodes and functionsif(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
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 plugin
require_once( ‘config-menu-exchange/config.php’ ); //compatibility with Zen Menu Logic and Themify_Conditional_Menus 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_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
*
* @since 3.6
*/function av_theme_slug_setup()
{
add_theme_support( ‘title-tag’ );
}add_action( ‘after_setup_theme’, ‘av_theme_slug_setup’ );
/*title fallback (up to WP 4.1)*/
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’);// Defer Javascripts – added by #SG. Meant to be at the very end of the code.
// Defer jQuery Parsing using the HTML5 defer property
if (!(is_admin() )) {
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, ‘.js’ ) ) return $url;
if ( strpos( $url, ‘jquery.js’ ) ) return $url;
// return “$url’ defer “;
return “$url’ defer onload='”;
}
add_filter( ‘clean_url’, ‘defer_parsing_of_js’, 11, 1 );
}
//End of added code by #SGSeptember 3, 2018 at 4:04 pm #1005030Topic: Pdfs not found
in forum Enfoldsmoothbob
ParticipantHi
I am trying to link to a pdf with a button but this does does not find the file:
[av_button label='Download e-Brochure' link='http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/09/sns.pdf' link_target='_blank' size='large' position='left' label_display='' icon_select='yes' icon='ue805' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='' custom_class='' admin_preview_bg='']
it is the Turkish flag under the middle east tab – download e-Broachure – on this page:
the file is:
http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/09/sns.pdf
many thanks!
September 3, 2018 at 9:13 am #1004819In reply to: entypo-fontello icon not shown in css
get rid of the u !
.header_mail .avia-menu-text:before { font-family: 'entypo-fontello'; content: " \e805"; color:#877a65; font-size:18px; }and maybe it is important to position it a bit in relation to the text:
.header_mail .avia-menu-text:before { font-family: 'entypo-fontello'; content: " \e805"; color:#877a65; font-size:18px; position:relative; top: 4px; padding-right: 5px }play a bit with top and padding
September 3, 2018 at 8:35 am #1004815Topic: entypo-fontello icon not shown in css
in forum Enfoldnadjak77
ParticipantHi,
I want to display an icon with CSS.
This is the code:.header_mail .avia-menu-text:before { font-family: 'entypo-fontello'; content: " \ue805"; color:#877a65; font-size:18px; }But the icon is not shown. Only “ue805”.
I think the font is not loaded, but if I use the shortcode for the icons, the icon is displayed.
Can you help me, where I have the mistake?
Thank you
NadjaSeptember 3, 2018 at 12:10 am #1004731In reply to: Line Height Not Working with LayerSlider
Hi Mike,
Yes, you are correct. It seems that what’s appearing on the page isn’t what is designated in Layerslider under the styles attributes settings. I do know the fnnt size and line height will adjust as the screen/browser expands or shrinks but the size and height should be proportional. We have set 60px for line height but when the slider renders in a browser it reverts to what you’re seeing in the browser inspector at much smaller. Seems to be the same height across the board on all sliders we’ve created. Regardless of font size or line heights designed in Layerslider, the line heights revert to some preset height that doesn’t change.I’m assuming the line height in layer sliders would override all other theme related line height designations?
https://www.dropbox.com/s/asnk8imjvy0bjqq/layerslider-setings.png?dl=0
Thank you,
EricSeptember 2, 2018 at 11:01 pm #1004726In reply to: Mobile menu customisation
Hey boyan89,
Please try this code in the General Styling > Quick CSS field:@media only screen and (max-width:984px) { #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a { font-size: 36px; color: #fff !important; } .html_av-overlay-side #top .av-burger-overlay-scroll { background: rgba(156, 156, 156, .5) !important; } .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after { background-color: #fff !important; } }Best regards,
MikeSeptember 2, 2018 at 9:28 pm #1004714Topic: Mobile menu customisation
in forum Enfoldboyan89
ParticipantHi,
I have issues customizing the mobile menu of my site: kove.bg
I tried this CSS, but some elements remain hidden in the background and also the background color is not OK.
`@media only screen and (max-width:767px) {
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
font-size: 36px;
color: white !important;
}#top .av-burger-overlay-inner {
background-image: url(‘https://mydomain.com/image.jpg’);
}
}Thanks in advance :)
BoyanSeptember 2, 2018 at 5:04 pm #1004667In reply to: Specific css in page problem
Hey strumpumpel,
I took a look at your page and css and the first thing I noticed was your page id was in the wrong place in your css, I also recommend adding another id with the page id to the css to overcome the base css because it is using !important;
Please try this css instead:@media only screen and (max-width: 667px) { .responsive #top .slideshow_caption h2 { font-size: 80% !important; padding-top: 3px !important;} .responsive #top.page-id-1097 #full_slider_1 .slideshow_caption h2 {padding-top: 9px !important;} .responsive #top.page-id-1293 #full_slider_1 .slideshow_caption h2 {padding-top: 11px !important;} } @media only screen and (max-width: 800px) { .responsive #top .slideshow_caption h2 { font-size: 70% !important; padding-top: 13px !important;} .responsive #top.page-id-1097 #full_slider_1 .slideshow_caption h2 {padding-top: 9px !important;} .responsive #top.page-id-1293 #full_slider_1 .slideshow_caption h2 {padding-top: 11px !important;} }Please clear your browser cache and check.
If this doesn’t help, please include a admin login in the private content area so we can take a closer look.Best regards,
Mike -
This topic was modified 7 years, 7 months ago by
-
AuthorSearch Results
-
Search Results
-
Topic: Adjust subtitle testimonial
Hi Enfold team,
I would like to adjust the subtitle (job description under the name) of my testimonials:
– adjust the size of the font
– adjust the colour of the fontIs that possible?
Kind Regards,
EefkeTopic: Close button for the tabs
Hello,
We are using the tabs feature and need a close button for each of the tabs (as the content can get pretty long on some pages). So we created a button that we added on top of the tabs that links to the page itselfs (refreshing the entire content on the page and closing the tabs). Each of the tabs has also a custom id. We would need a more elegant solution to achieve that (ajax based function) to close all / any of the tabs. This close button would be useful especially for the mobile users.
Here’s the button code we’re using at the moment:
[av_button label='Close' link='manually,http://www.domainname.com/' link_target='' size='small' position='left' label_display='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-raoc' admin_preview_bg='']Thanks!
Topic: Needs some code CSS
hello, I need CSS code to make font size change.
See my printscreen, I have 4 requests.Thanks you very much !
Topic: Pdfs not found
Hi
I am trying to link to a pdf with a button but this does does not find the file:
[av_button label='Download e-Brochure' link='http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/09/sns.pdf' link_target='_blank' size='large' position='left' label_display='' icon_select='yes' icon='ue805' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='' custom_class='' admin_preview_bg='']
it is the Turkish flag under the middle east tab – download e-Broachure – on this page:
the file is:
http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/09/sns.pdf
many thanks!
Hi,
I want to display an icon with CSS.
This is the code:.header_mail .avia-menu-text:before { font-family: 'entypo-fontello'; content: " \ue805"; color:#877a65; font-size:18px; }But the icon is not shown. Only “ue805”.
I think the font is not loaded, but if I use the shortcode for the icons, the icon is displayed.
Can you help me, where I have the mistake?
Thank you
NadjaTopic: Mobile menu customisation

