-
Search Results
-
In reply to: how can i decrease font size for mobile only
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) { h1 { font-size: 30px; } h2 { font-size: 28px; } h3 { font-size: 26px; } h4 { font-size: 24px; } h5 { font-size: 22px; } h6 { font-size: 20px; } p { font-size: 14px; } }Best regards,
RikardI am trying to modify the CSS to change the size of the Top Bar Menu and its elements –extra elements (telephone info) + social icons.
I initially identified the elements to modify from the Chrome inspector, as I already had the CSS lines to modify.
But I cannot get the changes to be applied correctly from the ‘quick css’ of the Enfold Child Theme Options or from the Apperance> Theme Editor> Enfold Child> style.css
Yet, if I apply them from Appearance> Customize, they are displayed correctly. Although I suspect that this is not the most appropriate modus operandi.
Why does the Child Theme have this behaviour? What is the best way to proceed to change CSS styles?
This is the css code I am using that works in appearance but not in the actual theme css
#header_meta {
min-height: 40px !important;
}
#header_meta .phone-info {
line-height: 40px !important;
font-size: 16px !important;
font-weight: normal;
}#top .social_bookmarks li a {
line-height: 50px !important;
font-size: 24px !important;
min-height: 50px!important;
}#socket .social_bookmarks li a {
line-height: 30px !important;
}Topic: events countdown
Hi
I want to change the title in the events countdown in the title of the event and not “upcoming: title of the event”, Also I would like to decrease the font size in the title
Can you help me?Greetz
KarinIn reply to: Shortcode for Business Flat Demo
Hey TLPLindseyMuchka,
Here you go:
[av_section color='main_color' custom_bg='#307ecc' src='https://kriesi.at/themes/enfold-business-flat/files/2014/08/icon_bg_trans_wave.png' attachment='380' attachment_size='full' attach='scroll' position='bottom right' repeat='no-repeat' video='' video_ratio='16:9' min_height='custom' min_height_px='430px' padding='default' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' custom_class='' av_uid='av-1vtgu'] [av_heading heading='Howdy Guys!' tag='h2' style='blockquote modern-quote' size='72' subheading_active='subheading_below' subheading_size='20' padding='40' color='custom-color-heading' custom_font='#ffffff' custom_class='' av_uid='av-1u8lm'] My name is Edward Nfold, my friends call me Enfold. I am designer by day and coder by night. [/av_heading] [/av_section] [av_section color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='' min_height_px='' padding='large' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' custom_class='' av_uid='av-1qw3a'] [av_one_fifth first av_uid='av-1oxmm'] [/av_one_fifth][av_three_fifth av_uid='av-1mmmu'] [av_heading tag='h2' padding='10' heading='Growing your Business' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='subheading_above' subheading_size='15' custom_class='' av_uid='av-1l5y6'] Devoted to [/av_heading] [av_textblock size='16' font_color='' color='' custom_class='' av_uid='av-1hudg'] <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, <strong>ultricies nec</strong>, pellen.</p> [/av_textblock] [/av_three_fifth][av_one_fifth av_uid='av-1fre0'] [/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='47px' icon_select='yes' custom_icon_color='#1e73be' icon='ue8b4' font='entypo-fontello' custom_class='' av_uid='av-1fcm2'] [av_one_third first av_uid='av-1con2'] [av_icon_box position='left_content' icon='ue80a' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='custom' custom_bg='' custom_font='#307ecc' custom_border='#307ecc' custom_class='' av_uid='av-1b52s'] Aenean e penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third av_uid='av-17x42'] [av_icon_box position='left_content' icon='ue856' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='custom' custom_bg='' custom_font='#307ecc' custom_border='#307ecc' custom_class='' av_uid='av-15y2u'] Aenean e penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third][av_one_third av_uid='av-14h4g'] [av_icon_box position='left_content' icon='ue808' font='entypo-fontello' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='custom' custom_bg='' custom_font='#307ecc' custom_border='#307ecc' custom_class='' av_uid='av-11mps'] Aenean e penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. [/av_icon_box] [/av_one_third] [/av_section] [av_section color='main_color' custom_bg='#f8f8f8' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='' min_height_px='' padding='large' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' custom_class='' av_uid='av-yr4w'] [av_one_fifth first av_uid='av-x0ae'] [/av_one_fifth][av_three_fifth av_uid='av-32js'] [av_heading tag='h2' padding='10' heading='My most recent projects' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='subheading_above' subheading_size='15' custom_class='' av_uid='av-s4im'] Take a look at [/av_heading] [av_textblock size='16' font_color='' color='' custom_class='' av_uid='av-qab0'] <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, <strong>ultricies nec</strong>, pellen.</p> [/av_textblock] [/av_three_fifth][av_one_fifth av_uid='av-oyvi'] [/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='47px' icon_select='yes' custom_icon_color='#1e73be' icon='ue8b4' font='entypo-fontello' custom_class='' av_uid='av-louc'] [av_image src='https://kriesi.at/themes/enfold-business-flat/files/2014/08/devices.jpg' attachment='387' attachment_size='full' align='center' animation='left-to-right' link='' target='' styling='' caption='' font_size='' appearance='' custom_class='' av_uid='av-khve'][/av_image] [/av_section] [av_masonry_entries link='portfolio_entries' sort='no' items='4' columns='4' paginate='none' size='fixed' gap='no' overlay_fx='active' caption_elements='none' caption_display='always' id='' custom_class='' av_uid='av-i5e0'] [av_section color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='' min_height_px='' padding='large' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' custom_class='' av_uid='av-fht6'] [av_heading tag='h2' padding='10' heading='What my customers say about me' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='subheading_above' subheading_size='15' custom_class='' av_uid='av-ehug'] Don't take my word for it [/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='40px' icon_select='yes' custom_icon_color='#1e73be' icon='ue8b4' font='entypo-fontello' custom_class='' av_uid='av-c9cy'] [av_testimonials style='slider_large' columns='2' interval='5' font_color='custom' custom_title='' custom_content='' custom_class='' av_uid='av-9dpk'] [av_testimonial_single src='384' name='Max Muster' subtitle='CEO' link='http://' linktext='' av_uid='av-87ha'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. [/av_testimonial_single] [av_testimonial_single src='382' name='Enfold Business' subtitle='Company' link='' linktext='' av_uid='av-5oe4'] Vae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. [/av_testimonial_single] [/av_testimonials] [/av_section] [av_button_big label='Get in Touch' description_pos='below' link='page,35' link_target='' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue805' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#307ecc' color_hover='custom' custom_bg_hover='#444444' custom_class='' av_uid='av-3vjy'] Let me know if you got an interesting project and want to work together! [/av_button_big]Best regards,
RikardHy!
I need some help on my MOBILE Version of my Website. On Desktop, all looks great. But on my mobile device (iphone XS) the startsite looks terrible. I have fixed the size of the 4 boxes with the symbol. it should be smaller on mobile and when i click on it – i dont want this hover effect, that the symbol and Font goes down. How can i disable that effect only on mobile?
After that there is a picture of me and than is a lot of empty grey space after it until the blog with the header “aktuelles” shows up. How can i remove this empty space, only on mobile?
Hi guys!
Yet another great experience in setting up my new site with Enfold! Thank you so much for this theme, I really love working with it.That said, I have a couple of minor issues, which I will put together in posts with specific topics. Please find the link and backend credentials in the private section.
Social Media Icons:
Social Media Icon displayed name on hover
I added a fontanello icon for twitch. I used this code in my functions php:// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['icon_name'] = array( 'font' =>'fontello', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['Twitch'] = 'icon_name'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);When I hover over the icon it disaplys “Icon_name” How can I change that to “Twitch”?
Add social Media Icons to submenu
On my start page I display a submenu underneath the slider. I would like to add my social media icons here as well. How do I do that?Not visible after server upload
EDIT: this specific problem only on my browser – as sample size is miniscule we can ignore that. Will update if fixed.
FIX: it was my adblocker… maybe sth to consider?
I created the website locally and it worked fine – now I pulled it up on my server and the social Icons aren’t disaplying any more.
I have some in main menu and footer.
In the backend I also noticed that under Theme Options /Header / additional Elements there is no dropdown menu available to choose where to display them, in the local version I can choose.
In the footer options I can switch the button on.Thank you very much!
Hi,
Please try this CSS as well:
tbody td a:hover u { color: green; font-size: 18px; }Best regards,
RikardHey bkatzdesign,
As for the size:
#top .bloglist-excerpt .read-more-link { font-size: 14px; } #top.single-post #wrap_all h1.post-title.entry-title { color: #000; font-size: 18px; }Best regards,
VictoriaWhat we would like is to be able to target the price field using CSS in the following way
RRP: £200.00 OUR PRICE: £150.00
From the product record:
£200.00 is the regular price (i.e. the RRP)
£150.00 is the sale priceThe styling we want for each element of the above is below (shown using a pseudo CSS notation to hopefully make it clear what we are trying to achieve):
RRP: (
font-size: 12px;
color: #000000;
text-decoration: line-through black;
)
£200.00 (
font-size: 12px;
color: #000000;
text-decoration: line-through black;
)
OUR PRICE: (
font-size: 20px;
color: #ff0000;
font-weight: 700;
)
£150.00 (
font-size: 20px;
color: #ff0000;
font-weight: 700;
)At the same time we would like products that don’t have a sale price and are therefore only showing one price to show as:
OUR PRICE: £78.00
where the style for each element is
OUR PRICE: (
font-size: 20px;
color: #ff0000;
font-weight: 700;
)
£150.00 (
font-size: 20px;
color: #ff0000;
font-weight: 700;
)The CSS code we have used so far is shown below. It fails to achieve what we want because we haven’t been able to target the two prices shown separately. We are close but no cigar – so far!
#top .price, #top .price span, #top ins .woocommerce-Price-amount amount {
color: red;
font-size: 20px;
}#top #wrap_all ins::before {
content: “OUR PRICE: “;
color: #ff0000;
font-size: 20px !important;
}#top #wrap_all del {
color: black;
text-decoration: line-through black;
font-size: 12px;
}#top #wrap_all del::before {
color: black;
content: “RRP: “;
}In reply to: Avatars for bbpress
Hi,
Thank you for the info.
1.) Try to add this css code to align the subscription toggle with the favorite button toggle.
#favorite-toggle { display: block; }2.) And this one to adjust the style of the avatar or author image.
.bbp-author-avatar { display: block; float: left; margin: 3px 6px 30px 0; }3.) This one removes the main title.
.main-title.entry-title { display: none; }And this removes the breadcrumbs.
.title_container .breadcrumb { display: none; }If you would like to keep both, maybe you could adjust its style instead using the same selectors above, decrease the font size and what not.
Best regards,
IsmaelIn reply to: Blog entries on mobile
Hey Monika,
This CSS is causing that to happen:
h2 { font-size: 3em !important; }I’m not sure exactly where it’s added though. Please try to remove the !important part of the code, or wrap it in a media query, if you don’t want it applying on mobile:
@media only screen and (min-width: 768px) { h2 { font-size: 3em; } }Best regards,
RikardI want to be able to adjust font size and color for the post title and Read more link on the blog archive page of my site. I’ve inspected and tried all sorts of css combinations but can’t make anything work. Can you provide the right css for this?
I also need to adjust the post title on the single post.
And would like to remove the slash after the date in the meta of the single post.
Last thing is to change the color of the social sharing boxes in the footer of each post. I can’t find where to change those colors; thanks.
In reply to: Footer Column & Socket Spacing problem
Hi mattb1169,
Thanks for giving us admin access.
This is now fixed, the cause of the issue is this CSS code that was unclosed:#top .av-submenu-container { font-size: 14px;The Maximum Container Width in General Layout wasn’t taking effect, after closing the code (I also removed the code I gave since it’s not necessary), it worked properly.
Best regards,
NikkoIn reply to: Overwrite avia-merged-styles.css
In the avia-merged-styles.css are the lines:
#top label span, #top legend span { font-weight: normal; font-size: 13px; color: #444;which I want to disable to:
#top label span, #top legend span { /* font-weight: normal; */ /* font-size: 13px; */ /* color: #444;I dont fit in custom css – SORRY. There is a way to disable via custom css or function.php?
THANKS for help!
Hi there
1. on velosolutions.com when changing the language to French, the main menu is not aligned to the right end of the browser for some reason.
all other languages display the header correctly. I’m running wpml. any idea why this happened?please compare
and
https://velosolutions.com/?lang=fr2. the Header Phone Number/Extra Info is not the same font size on every language. do you know why this happened? where can I change the font size?
thanks!!hey, i just launched my site powered by ENFOLD theme, it looks very nice on LAPTOP but on mobile the font is too big. The galleries look big as well to the point where images layout under each other, How can i decrease the size of the fonts and the layout elements on mobile only ?
In reply to: Popup Maker shortcode not working in Enfold Button
Hey Suze,
Thank you for the inquiry.
It seems to be a conflict with the smooth scroll function from the theme. Try to add the no-scroll class name to the button to prevent the page from scrolling when it the button is clicked. The link or button markup should look like this.
<a href="#popmake-117" style="cursor: pointer;" class="avia-button no-scroll avia-color-theme-color avia-icon_select-yes-left-icon avia-size-small avia-position-center pum-trigger"> <span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> <span class="avia_iconbox_title">Click me</span> </a>Best regards,
IsmaelIn reply to: making header on homepage not scrolled
Hi Victoria,
I know, this was just a test in order to see if is_front_page() is working :)
I dont think so we use a custom header.php. I think the custom header.php was created during another version.
Child theme version:<?php global $avia_config; $style = $avia_config['box_class']; $responsive = avia_get_option('responsive_active') != "disabled" ? "responsive" : "fixed_layout"; $blank = isset($avia_config['template']) ? $avia_config['template'] : ""; $av_lightbox= avia_get_option('lightbox_active') != "disabled" ? 'av-default-lightbox' : 'av-custom-lightbox'; $preloader = avia_get_option('preloader') == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled'; $sidebar_styling = avia_get_option('sidebar_styling'); ?><!DOCTYPE html> <html <?php language_attributes(); ?> class="<?php echo " html_{$style} ".$responsive." ".$preloader." ".$av_lightbox." ".avia_header_class_string();?> "> <head> <meta name="format-detection" content="telephone=no"> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <!-- page title, displayed in your browser bar --> <title><?php if(function_exists('avia_set_title_tag')) { echo avia_set_title_tag(); } ?></title> <?php /* * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives * located in framework/php/function-set-avia-frontend.php */ if (function_exists('avia_set_follow')) { echo avia_set_follow(); } /* * outputs a favicon if defined */ if (function_exists('avia_favicon')) { echo avia_favicon(avia_get_option('favicon')); } ?> <!-- mobile setting --> <?php if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">'; ?> <!-- Scripts/CSS and wp_head hook --> <?php /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_head(); ?> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1d1d1b"> <meta name="msapplication-TileColor" content="#1d1d1b"> <meta name="theme-color" content="#1d1d1b"> </head> <body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>> <?php if("av-preloader-active av-preloader-enabled" === $preloader) { echo avia_preload_screen(); } ?> <div id='wrap_all'> <?php if(!$blank) //blank templates dont display header nor footer { //fetch the template file that holds the main menu, located in includes/helper-menu-main.php get_template_part( 'includes/helper', 'main-menu' ); } ?> <div id='main' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'> <?php if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container']; do_action('ava_after_main_container'); ?> <?php if ( is_page('Museen') ) { dynamic_sidebar( 'museen-sidebar' ); } ?>Parent theme version:
<?php if ( ! defined('ABSPATH') ){ die(); } global $avia_config; $lightbox_option = avia_get_option( 'lightbox_active' ); $avia_config['use_standard_lightbox'] = empty( $lightbox_option ) || ( 'lightbox_active' == $lightbox_option ) ? 'lightbox_active' : 'disabled'; /** * Allow to overwrite the option setting for using the standard lightbox * Make sure to return 'disabled' to deactivate the standard lightbox - all checks are done against this string * * @added_by Günter * @since 4.2.6 * @param string $use_standard_lightbox 'lightbox_active' | 'disabled' * @return string 'lightbox_active' | 'disabled' */ $avia_config['use_standard_lightbox'] = apply_filters( 'avf_use_standard_lightbox', $avia_config['use_standard_lightbox'] ); $style = $avia_config['box_class']; $responsive = avia_get_option( 'responsive_active' ) != 'disabled' ? 'responsive' : 'fixed_layout'; $blank = isset( $avia_config['template'] ) ? $avia_config['template'] : ''; $av_lightbox = $avia_config['use_standard_lightbox'] != 'disabled' ? 'av-default-lightbox' : 'av-custom-lightbox'; $preloader = avia_get_option( 'preloader' ) == 'preloader' ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled'; $sidebar_styling = avia_get_option( 'sidebar_styling' ); $filterable_classes = avia_header_class_filter( avia_header_class_string() ); $av_classes_manually = 'av-no-preview'; /*required for live previews*/ /** * If title attribute is missing for an image default lightbox displays the alt attribute * * @since 4.7.6.2 * @param bool * @return false|mixed anything except false will activate this feature */ $mfp_alt_text = false !== apply_filters( 'avf_lightbox_show_alt_text', false ) ? 'avia-mfp-show-alt-text' : ''; /** * Allows to alter default settings Enfold-> Main Menu -> General -> Menu Items for Desktop * @since 4.4.2 */ $is_burger_menu = apply_filters( 'avf_burger_menu_active', avia_is_burger_menu(), 'header' ); $av_classes_manually .= $is_burger_menu ? ' html_burger_menu_active' : ' html_text_menu_active'; /** * Add additional custom body classes * e.g. to disable default image hover effect add av-disable-avia-hover-effect * * @since 4.4.2 */ $custom_body_classes = apply_filters( 'avf_custom_body_classes', '' ); /** * @since 4.2.3 we support columns in rtl order (before they were ltr only). To be backward comp. with old sites use this filter. */ $rtl_support = 'yes' == apply_filters( 'avf_rtl_column_support', 'yes' ) ? ' rtl_columns ' : ''; ?><!DOCTYPE html> <html <?php language_attributes(); ?> class="<?php echo "html_{$style} {$responsive} {$preloader} {$av_lightbox} {$filterable_classes} {$av_classes_manually}" ?> "> <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <?php /* * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives * located in framework/php/function-set-avia-frontend.php */ if( function_exists( 'avia_set_follow' ) ) { echo avia_set_follow(); } ?> <!-- mobile setting --> <?php $meta_viewport = ( strpos( $responsive, 'responsive' ) !== false ) ? '<meta name="viewport" content="width=device-width, initial-scale=1">' : ''; /** * @since 4.7.6.4 * @param string * @return string */ echo apply_filters( 'avf_header_meta_viewport', $meta_viewport ); ?> <!-- Scripts/CSS and wp_head hook --> <?php /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_head(); ?> </head> <body id="top" <?php body_class( $custom_body_classes . ' ' . $mfp_alt_text .' ' . $rtl_support . $style . ' ' . $avia_config['font_stack'] . ' ' . $blank . ' ' . $sidebar_styling); avia_markup_helper( array( 'context' => 'body' ) ); ?>> <?php /** * WP 5.2 add a new function - stay backwards compatible with older WP versions and support plugins that use this hook * https://make.wordpress.org/themes/2019/03/29/addition-of-new-wp_body_open-hook/ * * @since 4.5.6 */ if( function_exists( 'wp_body_open' ) ) { wp_body_open(); } else { do_action( 'wp_body_open' ); } do_action( 'ava_after_body_opening_tag' ); if( 'av-preloader-active av-preloader-enabled' === $preloader ) { echo avia_preload_screen(); } ?> <div id='wrap_all'> <?php if( ! $blank ) //blank templates dont display header nor footer { //fetch the template file that holds the main menu, located in includes/helper-menu-main.php get_template_part( 'includes/helper', 'main-menu' ); } ?> <div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting( 'header_scroll_offset' ); ?>'> <?php if( isset( $avia_config['temp_logo_container'] ) ) { echo $avia_config['temp_logo_container']; } do_action( 'ava_after_main_container' );Hi,
Thanks for the update. Please try this instead:
tbody td a u { color: green; font-size: 18px; } tbody th { color: red; font-size: 22px; } tbody th:hover { color: blue; font-size: 20px; }th means table header.
Best regards,
RikardIn reply to: text size over 40px
Hey top1projects,
Please try this code:
<p style="text-align: center;font-size:40px;">זקוקים למידע נוסף? </p>But it will make this paragraph not responsive. It will stay big on all screen sizes. It’s better to give this p a class and use css not inline to control it.
Best regards,
VictoriaTopic: text size over 40px
Hello,
how do i chane the font size to be over 40px in a text?<p style=”text-align: center;”>זקוקים למידע נוסף? </p>
Hello Rikard,
The first part of the css is the link color, but what does the second part mean:
tbody th {
color: red;
}
Is there also css for the mouseover?Then I would like to be able to adjust the font size. Do you also have the CSS for this?
thanks in advance
Hi,
Glad it is working, and thank you for the info. The css media query for mobile view has been duplicated, so we have to remove it. We corrected the css code above and moved the css media query at the very bottom where it should be.
.av-tab-section-image { filter: none!important; } /* CSS – Tabs with equal space*/ .js_active .av-tab-section-tab-title-container { display: flex!important; justify-content: space-around; } #top .fullsize .template-blog .post .entry-content-wrapper { font-size: 14px; } .comment_meta_container, .comment_container { display: none !important; } .bloglist-excerpt .more-link { color: #816ccf; } .avia-cookie-consent { background-color: #fff; color: #444; } .avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button { color: #444; border-color: #816ccf; } #top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn, #top .avia-popup .avia-cookie-consent-button.av-extra-cookie-btn { background-color: #816ccf; color: #fff; border-color: #816ccf; } #top #wrap_all .header_color #menu-item-1628.av-menu-button-colored > a .avia-menu-text, #top #wrap_all .header_color #menu-item-1627.av-menu-button-colored > a .avia-menu-text { background-color: #98d513; color: #f8f8f8; border-color: #98d513; } .html_elegant-blog #top .avia-content-slider .blog-categories { display: none; } /* Add your Mobile Styles here */ @media only screen and (max-width: 767px) { .home #av_section_1 .av-parallax.active-parallax { height: 100% !important; top: 0 !important; transform: translate3d(0px, 0, 0px) !important; } }Best regards,
IsmaelHi,
Thank you for the info.
In order to load the shopify script, we have to add this snippet in the functions.php file.
/* * add shopify script */ function ava_script_shopify_script(){ ?> <script type="text/javascript"> /*<![CDATA[*/ (function () { window.shopifyOptions = { "product": { "styles": { "product": { "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0", "margin-bottom": "50px" }, "text-align": "left" }, "title": { "font-family": "Lato, sans-serif", "font-size": "30px", "color": "#4e3a5e" }, "button": { "font-family": "Lato, sans-serif", ":hover": { "background-color": "#2395e6" }, "background-color": "#27a5ff", ":focus": { "background-color": "#2395e6" }, "border-radius": "35px", "padding-left": "55px", "padding-right": "55px" }, "price": { "font-family": "Lato, sans-serif", "font-size": "26px", "color": "#a87bc9" }, "compareAt": { "font-family": "Lato, sans-serif", "font-size": "22.099999999999998px", "color": "#a87bc9" }, "unitPrice": { "font-family": "Lato, sans-serif", "font-size": "22.099999999999998px", "color": "#a87bc9" }, "description": { "font-family": "Lato, sans-serif", "font-size": "17px", "color": "#827191" } }, "layout": "horizontal", "contents": { "img": false, "imgWithCarousel": true, "button": false, "buttonWithQuantity": true, "description": true }, "width": "100%", "text": { "button": "Add to cart" }, "googleFonts": [ "Lato" ] }, "productSet": { "styles": { "products": { "@media (min-width: 601px)": { "margin-left": "-20px" } } } }, "modalProduct": { "contents": { "img": false, "imgWithCarousel": true, "button": false, "buttonWithQuantity": true }, "styles": { "product": { "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0px", "margin-bottom": "0px" } }, "button": { "font-family": "Lato, sans-serif", ":hover": { "background-color": "#2395e6" }, "background-color": "#27a5ff", ":focus": { "background-color": "#2395e6" }, "border-radius": "35px", "padding-left": "55px", "padding-right": "55px" } }, "googleFonts": [ "Lato" ], "text": { "button": "Add to cart" } }, "option": {}, "cart": { "styles": { "button": { "font-family": "Lato, sans-serif", ":hover": { "background-color": "#2395e6" }, "background-color": "#27a5ff", ":focus": { "background-color": "#2395e6" }, "border-radius": "35px" }, "title": { "color": "#919191" }, "header": { "color": "#919191" }, "lineItems": { "color": "#919191" }, "subtotalText": { "color": "#919191" }, "subtotal": { "color": "#919191" }, "notice": { "color": "#919191" }, "currency": { "color": "#919191" }, "close": { "color": "#919191", ":hover": { "color": "#919191" } }, "empty": { "color": "#919191" }, "noteDescription": { "color": "#919191" }, "discountText": { "color": "#919191" }, "discountIcon": { "fill": "#919191" }, "discountAmount": { "color": "#919191" }, "cart": { "background-color": "#f9f9f9" }, "footer": { "background-color": "#f9f9f9" } }, "text": { "title": "Shopping Cart", "total": "Subtotal", "button": "Checkout" }, "contents": { "note": true }, "popup": false, "googleFonts": [ "Lato" ] }, "toggle": { "styles": { "toggle": { "font-family": "Lato, sans-serif", "background-color": "#27a5ff", ":hover": { "background-color": "#2395e6" }, ":focus": { "background-color": "#2395e6" } } }, "googleFonts": [ "Lato" ] }, "lineItem": { "styles": { "variantTitle": { "color": "#919191" }, "title": { "color": "#919191" }, "price": { "color": "#919191" }, "fullPrice": { "color": "#919191" }, "discount": { "color": "#919191" }, "discountIcon": { "fill": "#919191" }, "quantity": { "color": "#919191" }, "quantityIncrement": { "color": "#919191", "border-color": "#919191" }, "quantityDecrement": { "color": "#919191", "border-color": "#919191" }, "quantityInput": { "color": "#919191", "border-color": "#919191" } } } }; var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js'; if (window.ShopifyBuy) { if (window.ShopifyBuy.UI) { ShopifyBuyInit(); } else { loadScript(); } } else { loadScript(); } function loadScript() { var script = document.createElement('script'); script.async = true; script.src = scriptURL; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script); script.onload = ShopifyBuyInit; } function ShopifyBuyInit() { var client = ShopifyBuy.buildClient({ domain: 'shop-smileicon-de.myshopify.com', storefrontAccessToken: '2bf601fd5327e67d70751fad741c6fa5', }); document.querySelectorAll('.product-component-shopify').forEach(function(el) { console.log(el) ShopifyBuy.UI.onReady(client).then(function (ui) { ui.createComponent('product', { id: '6147674898616', node: document.getElementById(el.id), moneyFormat: '%E2%82%AC%7B%7Bamount_with_comma_separator%7D%7D', options: window.shopifyOptions, }); }); }); } })(); /*]]>*/ </script> <?php } add_action('wp_footer', 'ava_script_shopify_script', 9999);And the following code creates the new shortcode.
// shopify button function avs_shopify_button_cb( $atts ) { $param = shortcode_atts( array( 'component' => '', ), $atts ); return "<div class='product-component-shopify' id='product-component-{$param["component"]}'></div>"; } add_shortcode( 'avs_shopify_button', 'avs_shopify_button_cb' );To add a new shopify button in a page, insert a code or text block, then use this shortcode.
[avs_shopify_button component="1612524419965"]Just replace the value of the component attribute or parameter with the actual id of the shopify product component.
Best regards,
IsmaelIn reply to: Problem with Blog Grid
Hi,
sorry for the very late reply, and thanks for the links. To adjust the space between the “category” and “Read more”, please try this css in your Quick CSS:h3.slide-entry-title.entry-title { padding-bottom: 0 !important; margin-bottom: 0 !important; } .html_modern-blog #top .post-entry .blog-categories { top: 0 !important; }For your #le-conseil-des-sages team names the current css is:
.team-member-name { margin-top: 7px; font-size: 1.55em; }I believe this is in your custom css, please try to adjust to
font-size: 1em;or to suit, and then clear your browser cache and check.Best regards,
MikeDear Kriesi Team,
I’ve got a problem with the following:
– the sub level menu on mobile view hides the half part of the site. How can I change it? The font type and position of the Contact (Kapcsolat) menu item shall be also changed, while this is not a perfect sollution.– the fullscreen slider’s text is too smalll on mobile portrait view. I’d like to increase the font size, but I didn’t find it.
I attach two print screen fotos to see the problem.
You are kindly requested to give a suggestion to fix the problems.
Thank you. Best Regards,
TímeaHi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
#header_meta .phone-info span { font-size: 16px; }Best regards,
RikardIn reply to: Generated images per upload
Hi
I am working on this problem too
I have a situation where I have a site that is importing real estate listings from a hub – the site only needs 2 thumbnails of a certain size (one for from end and one for admin/media library) and 3 larger images of a certain size for the font endit seem WP & Enfold crate 29 versions of each image
I have worked out which images I need to keep
eg
18195851__1612125956-22539-Office1-300×225.jpg
18195851__1612125956-22539-Office1-300×200.jpg
18195851__1612125956-22539-Office1-845×684.jpg
18195851__1612125956-22539-Office1-scaled-800x500_c_epl_slider.jpg
18195851__1612125956-22539-Office1-2048×1536.jpgand all these are not needed
18195851__1612125956-22539-Office1-100×100.jpg
18195851__1612125956-22539-Office1-1030×773.jpg
18195851__1612125956-22539-Office1-1210×423.jpg
18195851__1612125956-22539-Office1-1500×1125.jpg
18195851__1612125956-22539-Office1-1500×430.jpg
18195851__1612125956-22539-Office1-1500×630.jpg
18195851__1612125956-22539-Office1-1536×1152.jpg
18195851__1612125956-22539-Office1-180×180.jpg
18195851__1612125956-22539-Office1-2048×1536.jpg
18195851__1612125956-22539-Office1-260×185.jpg
18195851__1612125956-22539-Office1-36×36.jpg
18195851__1612125956-22539-Office1-495×400.jpg
18195851__1612125956-22539-Office1-705×529.jpg
18195851__1612125956-22539-Office1-710×375.jpg
18195851__1612125956-22539-Office1-768×576.jpg
18195851__1612125956-22539-Office1-80×80.jpg
18195851__1612125956-22539-Office1-845×321.jpg
18195851__1612125956-22539-Office1-845×684.jpg
18195851__1612125956-22539-Office1-scaled-120x120_c_epl_slider.jpg
18195851__1612125956-22539-Office1-scaled-400×300.jpg
18195851__1612125956-22539-Office1-scaled-800x500_c_epl_slider.jpg
18195851__1612125956-22539-Office1-scaled.jpg
18195851__1612125956-22539-Office1.jpghow can I add these to the above code for my child there functions.php file
maybe
remove_image_size(‘1030×773.jpg’);
would that work ?
or do I need it without the .jpg ?
