-
Search Results
-
In reply to: Show burger menu to the left of the centered logo
Hi Guenni007,
It’s not about shrinking header the problem now, it is about the CSS codes for mobile and tablets which is not applied on my site, I don’t understand what happen ?
I added several CSS codes for mobile and tablets but they are not taken into account:
/* 📱 MOBILE (jusqu'à 768px) */ @media only screen and (max-width: 768px) { /* Add your Mobile Styles here */ .responsive #header_main_alternate { display: block; } .responsive #top #header .main_menu { width: auto !important; } #header_meta .phone-info-custom::before { background-color: #ffffff !important; } .responsive #top #wrap_all .main_menu { left: 0px !important; } .responsive #top .logo { width: 50% !important; } .responsive #top #wrap_all .container { float: right !important; } #header_meta .phone-info-custom { font-size: 15px; font-weight: 800; color: #000000; padding-top: 70px; } #header_meta .container { max-width: 50% ; margin-left: 0px; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } /*PHONE INFO*/ #header_meta .phone-info-custom::before { display: none !important; } .phone-info { padding-top: 5px !important; } /*LOGO*/ .responsive .logo img { float: right !important; } .responsive #top .logo { position: static; display: table; height: 80px!important; float: none; padding: 0; border: none; width: 95%; } .main_menu { margin-left: 0px !important; } a { padding-left: 0px !important; } @media only screen and (max-width:767px) { .responsive #top #header_main > .container .main_menu .av-main-nav > li > a { padding-left: 0; } }} /* 💻 TABLETTE (entre 769px et 1024px) */ @media only screen and (min-width:768px) and (max-width:989px) { .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { left: 0 !important; } }
I am currently working on a fluid setting for the font-size settings using the above filter. What exactly is the difference between
–enfold-font-size-theme-content and –enfold-font-size-content-font ?Topic: Deprecation errors
These dreprecated notices are spamming my logs. Please fix them. I am usings the latest Enfold Theme version 7.1 with PHP version 8.4.5:
Deprecated: aviaFrameworkwidgetsavia_instagram_widget::update_cache(): Implicitly marking parameter $cache as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/framework/php/widgets/widget-classes/class-avia-instagram.php on line 204
Deprecated: aviaBuilderbaseaviaElementStylingBase::__construct(): Implicitly marking parameter $shortcode as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/base-classes/class-element-styling-base.php on line 144
Deprecated: aviaBuilderbaseaviaElementStylingRules::__construct(): Implicitly marking parameter $shortcode as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/base-classes/class-element-styling-rules.php on line 35
Deprecated: aviaBuilderbaseaviaElementStylingResponsive::__construct(): Implicitly marking parameter $shortcode as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/base-classes/class-element-styling-responsive.php on line 42
Deprecated: aviaBuilderbaseaviaElementStylingResponsive::add_responsive_font_sizes(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/base-classes/class-element-styling-responsive.php on line 167
Deprecated: aviaBuilderbaseaviaElementStylingResponsive::add_responsive_styles(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/base-classes/class-element-styling-responsive.php on line 322
Deprecated: aviaBuilderbaseaviaSubItemQueryBase::__construct(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/base-classes/class-sub-item-query-base.php on line 81
Deprecated: aviaShortcodeTemplate::get_popup_element_by_id(): Implicitly marking parameter $source as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php on line 465
Deprecated: aviaElementStyling::__construct(): Implicitly marking parameter $shortcode as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-element-styling.php on line 21
Deprecated: avia_masonry::__construct(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-masonry.php on line 48
Deprecated: avia_product_slider::__construct(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-product-slider.php on line 48
Deprecated: avia_slideshow::__construct(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-slideshow.php on line 62
Deprecated: avia_content_slider::__construct(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contentslider/contentslider.php on line 847
Deprecated: avia_partner_logo::__construct(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/logoslider/logoslider.php on line 951
Deprecated: avia_magazine::__construct(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.php on line 695
Deprecated: avia_accordion_slider::__construct(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.php on line 1088
Deprecated: avia_feature_image_slider::__construct(): Implicitly marking parameter $sc_context as nullable is deprecated, the explicit nullable type must be used instead in /var/www/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.php on line 861
Topic: Change color of menulinks
Question 1:
It seems I cannot change the color of a menu item. I tried to do so at advanced styling but it did n’t work.Also question nr. 2:
Are there any options to manipulate the menu (other than in appearance) as in: changing the fontsize, or keeping main menu as secondary menu always in sight.In reply to: Change button size in top bar
Hi,
Yes, that should be possible. Please include this css code:
#top .phone-info .avia-button .avia_iconbox_title { font-size: 12px; }Best regards,
IsmaelIn reply to: Change button size in top bar
Hi Rikard,
Thank you – it’s betting smaller!
Is there a way of reducing the button text without reducing the font size of the strapline to the left please?
Thanks
Jane
In reply to: Mobile is not responsive.
Hey wesdorman,
Thank you for the inquiry.
There might be a slight difference between the desktop and mobile views due to their aspect ratios, especially with the background image. For the font size, make sure to define a specific size for smaller screens. We tried logging into the site, but it’s asking for .htaccess authentication. Please provide the login info in the private field.
Best regards,
IsmaelIn reply to: Product Page (woocommerce layout)
Hey Akhurst,
To increse the font sizes for the price, sku, & categories, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.single-product .price span { font-size: 30px; } #top.single-product .main_color .product_meta span { font-size: 30px; }adjust the font size to suit.
To remove the related products, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function remove_woo_relate_products(){ remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products', 20); } add_action('init', 'remove_woo_relate_products', 10);Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHello,
I need help …We need to organize the default product information on our website better.
Especially the font sizes …Please see below a simple screenshot of the ideal layout.
https://snipboard.io/ni7ITQ.jpgCurrent live webpage:
Can you help me?
Thank you, Leo
In reply to: Tab Font Size
In reply to: Category background, title and image
Hi,
I added this css:.category .title_container h1 a { font-size: 300%!important; line-height: 55px; font-family: "sacramento", cursive; font-weight: 400; }and this code to your to the end of your child theme functions.php file in Appearance ▸ Editor:
function custom_script() { ?> <script> (function($){ $('#top.category .title_container h1.main-title.entry-title a').contents().filter(function() { return this.nodeType == 3 }).each(function(){ this.textContent = this.textContent.replace('Archive for category:',''); this.textContent = this.textContent.replace('Tag Archive for:',''); this.textContent = this.textContent.replace('Archive for:',''); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );the result now:
Please clear your browser cache and check.Best regards,
MikeIn reply to: Parts of the webpage are not loading
Hi,
Thank you for the update.
You can use this css code to adjust the style of the pagination:
#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a { height: 50px; width: 50px; line-height: 50px; margin-right: 6px; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); font-size: 18px; } #top .main_color .pagination a { background-color: #f2f1ef; color: #000000; } #top .main_color .pagination .current { background-color: #d5d5d5; }Best regards,
IsmaelIn reply to: Category background, title and image
Hi,
I disabled your Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs ▸ Display only title and added this to your code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1); function avf_header_setting_filter_mod($header_settings) { if (is_tax() || is_archive()) { $header_settings['header_title_bar'] = "title_bar"; } return $header_settings; }to only show the title on your category pages.
and I added this css:.category .container_wrap_first { border: none; } .category .title_container { text-align: center; padding-top: 50px; background-color: #f2f0eb !important; } .category .title_container h1 a { font-weight: 600 !important; line-height: 1.3em; font-size: 30px; }so compared to one of you posts:
your category title looks like this:
But note that they are both H1, I don’t see H2 like you asked.Best regards,
MikeThe shortcode button hyperlink does not work. The buttons look nice but do not load the referenced URL.
The shortcode (with URL placeholder text) is:
[av_button label='ALL ISSUES' link='manually,http://' link_target='https://theURL' size='medium' position='left' icon_select='no' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-5obiu2i']I’ve tried these steps too, but still no success:
– Disable “merging and compression” for CSS and JS files from Enfold > Performance.
– If a caching plugin is installed check the plugin settings and clear the cache..
– Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.In reply to: Enfold theme options non responsive
Hi,
Thank you for the update.
We temporarily disabled the Enfold > Performance > File Compression settings and adjusted the font size of the paragraph (p) tag to 16px. It updated correctly as shown in the screenshot below.
Best regards,
IsmaelIn reply to: Enfold theme options non responsive
Hey Rikard,
We wanted to explore different font options for headers and adjust font sizes and weight for body and header text.
Thank you
In reply to: Advanced Styling Not Working
Thank you! #2 is resolved.
For #1, I did change the color in the Enfold > Theme Options > Transparency Options > Transparency Menu Color area and that did change the color for transparency. I have also changed the color in Advanced Styling for the default menu, but no changes are showing up. That was my main issue. You can see I have a Main Menu element in Advanced Styling with both the color (#314050) and size indicated, but no changes on the front end. Remember too my note: “Also under Advanced Styling, just like the menu font issue, changes to H2 don’t apply on the frontend.”
Thanks!
Topic: Advanced Styling Not Working
Hi, this is probably my 30th license, so I’ve been around the block with this theme and very much love it! I installed the parallax demo and for some reason am having issues/bugs in two areas:
1) Advanced Styling:
The Advanced Styling doesn’t appear to work. I can’t change the menu font color or size. I’ve set it as #314050 and 16pts, but it still shows white and 12 pts.
Also under Advanced Styling, just like the menu font issue, changes to H2 don’t apply on the frontend.
2) Another issue I have is the Headline Rotator that comes with the demo is spaced out different than the demo you guys show where each phrase reveals on a separate line and the final line is way below the first line, so there’s a gap of white space. The demo on your site doesn’t show that.Thanks!
In reply to: font size – depending from posttype
you have on those post-types different classes on body tag ( or #top).
so you can differ by :
#top.page
#top.single-portfolio
#top.single-postso try:
.responsive #top.page { font-size: 13px !important; } .responsive #top.single-post { font-size: 16px !important; } .responsive #top.single-portfolio { font-size: 19px !important; }In reply to: Scaling and aligning videos
have a look to this solution for another participant:
https://webers-testseite.de/html5-video-fanlokbun-2/in your case you do not need to place the column on the right side with an empty column before. That position is ruled by css only.
see: https://webers-testseite.de/html5-video-bhe/
your heading and text is inside that overlay column.PS: if you do not like that i use your video here – tell me after you have seen the demo page and i will replace it by a different video.
PPS: the font-size-adjust property seems not to be supported by all browsers – so for very small screens you had to adjust the font-size by conventional methods
In reply to: font size – depending from posttype
In reply to: cookie banner needs some work
Hi,
Sorry for the delay. Please add this css code to adjust the layout of the cookie consent on mobile view:
@media only screen and (max-width: 498px) { /* Add your Mobile Styles here */ .avia-cookie-consent .container { display: flex; flex-direction: column; justify-content: center; gap: 20px; } .avia-cookie-consent .container .avia_cookie_text { align-self: center; font-size: 14px; line-height: 1.2em; } }Best regards,
IsmaelIn reply to: Custom fonts for certain instances of headings
Hi Mike, I need a class because almost all headings will use the default Open Sans. I’m now only using Sacramento in a few H2 instances.
I tested by adding your code to my code:
/*To override font styles for extra large display font*/
@media (min-width: 768px) {
.extralargedisplayfont h2 {
font-size: 500%!important;
line-height: 75px;
font-family: “sacramento”, cursive;
font-weight: 700;
}
}The Sacramento font isn’t showing, but rather a substitute script font shows. Are you able to send me your zip file so I can see what’s different from my zip file?
Hi
what IDs / classes need do be adressed to change size, text-transform, color, text-weight and font-family of the main menu for both (first level and second level) link levels?mfg
m.In reply to: Trying to load website name and page-title in h1 tag
but you do not want to combine those things mentioned on the other post?
see f.e.: https://enfold.webers-webdesign.de/impressum/
see text logo above , when you switch to other posts/pagesfunction use_text_logo_only($logo){ $link = apply_filters( 'avf_logo_link', home_url( '/' ) ); $logo_tag = "h1"; $logo_heading = "Webers Webdesign"; $alt = get_bloginfo( 'name' ); $title = get_bloginfo( 'name' ); $page_title = get_the_title(); if(is_search()){ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.' - Suchergebnisse</'.$logo_tag.'></a>'; } elseif(is_front_page()){ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.'</'.$logo_tag.'></a>'; } else{ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.' - '.$page_title.'</'.$logo_tag.'></a>'; } return $logo; } add_filter('avf_logo_final_output','use_text_logo_only');#top .logo.text-logo { display: flex; justify-content: left; align-items: center; width: auto; } #top .logo.text-logo h1 { margin: 0 !important; font-size: 30px; }In reply to: Sticky element
Hi,
You can try this css code to adjust the display of the header on mobile view:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #header_main .container { height: 130px !important; } #top .avia_search_element.av-m8j6ucsp-f1ed25db4fcf2e1d4ba1dd7653626aed #s.av-input-field { line-height: 33px; height: 33px; color: #bed028; font-size: 14px; } #top #searchform_element { margin-bottom: 0; } #top .avia-section.av-m8h8o2m6-a6ff6f0926c56ce5cb244fa93948b320 { background-color: transparent; background-image: unset; margin-top: 5px; margin-bottom: 0px; position: absolute !important; margin-top: 0; z-index: 5000; margin-top: -40px; } #top .av-main-nav-wrap ul { margin: 0; padding: 0; } }Best regards,
Ismaelor use those icons inside a text-block element: see example page at the bottom.
[av_textblock fold_type='' fold_height='' fold_more='Read more' fold_less='Read less' fold_text_style='' fold_btn_align='' textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' fold_overlay_color='' fold_text_color='' fold_btn_color='theme-color' fold_btn_bg_color='' fold_btn_font_color='' size-btn-text='' av-desktop-font-size-btn-text='' av-medium-font-size-btn-text='' av-small-font-size-btn-text='' av-mini-font-size-btn-text='' fold_timer='' z_index_fold='' id='' custom_class='center-stars' template_class='' element_template='' one_element_template='' av_uid='av-psa03l' sc_version='1.0' admin_preview_bg=''] [av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-8z2voh' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-27dcl9d' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-1kvehwh' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-4al7hd' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#eacf00' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-n9hech' sc_version='1.0' admin_preview_bg=''][/av_font_icon] [/av_textblock]Hi
the font sizes for normal bodytext:
on pages : 13px
on posts: 16px
on portfolio-elements: 19pxHow?
mfg
m.Hej Brilliant Team, I have a set of 5 star icons and I want to centre them together. If I set each icon to center align then they all stack vertically. If I set them to left align they group but of course they aren’t centred. For the moment, I’ve had to create them as an image for the client to see a demo but ideally I want to be able to do this without him having to rely on me creating images if he changes the content.
………………………………………………………………………………
Here is the text for the five icons:[av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='30px' position='center' color='#ffffff' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='30px' position='center' color='#ffffff' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='30px' position='center' color='#ffffff' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='30px' position='center' color='#ffffff' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon][av_font_icon icon='ue808' font='entypo-fontello' style='' caption='' size='30px' position='center' color='#ffffff' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon]
………………………………………………………………………………….Would appreciate your help guys.
Regards,
AnnemarieIn reply to: slideshow not displayed from an Android browser
Hey Philipp,
Thank you for the inquiry.
Are you referring to the slideshows below the first section? They seem to be displaying on our end, but the caption font size may need to be adjusted for smaller screens.
Best regards,
Ismael
