Forum Replies Created

Viewing 30 posts - 7,831 through 7,860 (of 34,961 total)
  • Author
    Posts
  • in reply to: Add Box-Shadow to Text Block #1405325

    Hi,
    Thanks for the login I hope you don’t mind that I tinkered a little on the last column.
    I removed the theme settings for the column and image, moved the text element into the column under the image and added the custom class class-padding to add padding around the text, then I added the custom class class-column to the column for the box shadow then in a code block at the bottom of the page I added this css:

    .class-padding {
    	padding: 0 20px;
    }
    .class-column {
    	box-shadow: 0 8px 8px #e3e3e3; 
    }

    just as a temp example, I believe this looks very close to your example page, please check.

    Best regards,
    Mike

    in reply to: Remove the solid line on default special heading #1405323

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: When updatign emoji's get lost #1405322

    Hi,
    The Dev Team has replied that this seems to be an issue in Windows 10 in Chrome & Edge. Firefox on Windows 10 works correctly and Windows 11 & Safari, Chrome, and Firefox work correctly on Mac. So if you are using Windows 10 try using Firefox.
    Hopefully, a future update of Chrome & Edge will include a fix.

    Best regards,
    Mike

    in reply to: Enfold Version Inconsistencies? #1405319

    Hey Ronald,
    Thanks for the video, please note that Envato (Theme Forest) limits the number of update checks in each 24 hour, but nonetheless, if you continue to have issues you can try installing the Official Envato Market plugin
    or another option to update your version of Enfold you can download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
    WordPress_Appearance_Themes_Add-Themes_Add-New.jpg
    after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
    Installing_theme_from_uploaded_file_This_theme_is_already_installed.jpg
    then you will see the Theme updated successfully message.
    Theme_updated_successfully.jpg

    Best regards,
    Mike

    in reply to: Fullwidth easy slider causes vibration in website? #1405318

    Hey Alwin,
    Thanks for your patience, I checked our travel demo that you linked to above in Windows in Chrome, Firefox, & Edge and I found no shift/vibration in the fullwidth easy slider, unfortunately, the link to your site was a 404 so I couldn’t check it.
    Typically when an element has more text in one slide than others, such as the testimonial element, it can cause a shift/vibration, I don’t recall seeing this in the easy slider, but perhaps it is the issue, please check.

    Best regards,
    Mike

    in reply to: Info on Search – and how to customize #1405317

    Hey Guenter,
    Thanks for sharing Guenni007 we will leave this open should anyone has questions about your code.

    Best regards,
    Mike

    in reply to: How to add a button to Reject All cookies #1405316

    Hey adepreter,
    Please go to Enfold Theme Options ▸ Privacy and Cookies ▸ Cookie Consent Message Bar ▸ Buttons
    You have 5 options and can add more buttons by clicking the green plus sign:
    Enfold_Support_1865.jpeg

    Best regards,
    Mike

    in reply to: Remove the solid line on default special heading #1405315

    Hey Julio,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #main .main_color .special-heading-inner-border {
        border-color: transparent;
    }
    

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Add Box-Shadow to Text Block #1405314

    Hey Julio,
    Thanks for the link to your example page the box shadow used is box-shadow: 0 8px 8px #e3e3e3; but I don’t think you will want to add it to a text element but probably the column that the text element is in.
    If we could see your test page we could advise better.

    Best regards,
    Mike

    in reply to: disable sticky header for tablet landscape #1405313

    Hi,
    To add the top padding for landscape mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 768px) and (orientation: landscape) { 
    	.responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 88px !important;
    }
    }
    

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Google reCaptcha does not work #1405311

    Hey adepreter,
    Thank you for your patience, assuming that your Google reCaptcha keys are valid you will need to go to Enfold Theme Options ▸ Privacy and Cookies ▸ Cookie Handling ▸ Advanced Options ▸ Auto Reload Page ▸ Auto reload on “Accept Settings”
    so that when the cookie Google reCaptcha service is accepted the service will be loaded.
    Please try this and if you have further issues please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    in reply to: Cookie consent and GTM #1405309

    Hey Zest,
    Thank you for your patience, but I don’t believe that you can use the GTM to track cookie consent modes, this would break the purpose of the cookie consent and GDPR since there should be no tracking until after consent.
    Please see our documentation here.

    Best regards,
    Mike

    Hi,
    Thanks Guenni007 this is a good tip and will certainly help future readers, perhaps since the icons were already shown on other pages of my test site I was not able to reproduce the error, thank you for your insight.

    @Capo1200
    glad the column solution above also helped you, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    Hey simplycoding15,
    The special heading element has a bottom padding of 10px, and because it has a H1 tag a top margin of 20px is added.
    I’m not sure if you want to center the special heading:

    #top.page-id-38256 #av_section_1 .av-special-heading-h1 {
    	 text-align: center;
    }

    or if you want to use letter spacing:

    #top.page-id-38256 #av_section_1 .av-special-heading-h1 h1 {
        letter-spacing: 0.1em;
        text-align: center;
    }

    Hopefully this helps with your question.

    Best regards,
    Mike

    in reply to: Change header colour when scrolling #1405300

    Hi,
    Please note that these will only work if your header is set to Enfold Theme Options ▸ Header ▸ Header behavior ▸ Shrinking Header this is the only time that the class header-scrolled is added.
    I tested the css and it works, if it is not working for you and you are using the Shrinking Header option then please open a new thread with an admin login so we can be of more assistance, since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.

    Best regards,
    Mike

    in reply to: image author on blog #1405299

    Hi,
    It my test if you are using the Enfold Theme Options ▸ Blog Layout ▸ Blog Layout ▸ Multi Author Blog the plugin WP User Avatars adds the profile image to the archive items, perhaps your plugin wp user manager is conflicting somehow.

    Best regards,
    Mike

    in reply to: Gradient transparent permanent header #1405298

    Hi,
    Thanks for the feedback, typically when a transparent header is used there is a background image that is viewed under it, and in my tests the transparent gradient is not visible, probably because my examples are too dark. Perhaps if I could see your site it would help me understand better.
    Note that the “Transparent and glossy header” adds color to the header which I expect to interfere with the css.
    In my initial tests I used a “no transparency” header to show the transparent gradient, give this a try.

    Best regards,
    Mike

    Hi,
    As I understand your question, on your homepage the 6 1/3 columns look fine from 425px-767px when they are full-width, and 1024px and up they look fine as 1/3 columns, but from 768px-1023px you would like them to be 1/2 columns.
    I recommend adding the custom class hide-from-tablet to your 1/3 columns and then cloning the columns and adjust them into 1/2 columns with the custom class show-on-tablet and then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
    	#main .show-on-tablet {
    		display: none;
    	}
    }
    @media only screen and (min-width: 768px) and (max-width: 1023px) { 
    	#main .hide-from-tablet {
    		display: none;
    	}
    }
    @media only screen and (min-width: 1024px) { 
    	#main .show-on-tablet {
    		display: none;
    	}
    }

    I did this for you, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: How to use several different fonts on one website? #1405294

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: How to use several different fonts on one website? #1405286

    Hi,
    Thanks for the feedback, the font name in the Custom Font Manager may not be the actual font-family name, I recommend testing by using the Advanced Styling option to assign the font to a test element and see if it works correctly on the frontend, if it does then use the browser inspector to examine what the font-family name is and use that in your css.
    If the Advanced Styling test is not working then perhaps the font you have installed is not in the supported format or the font zip file had extra directories and needs to be extracted and cleaned up.
    If it is a variable font see our documentation for Using variable fonts, or this thread by Guenni007 that many have found helpful.
    I don’t see how this css could change your fonts, the most likely issues is that your stylesheet is missing a bracket or has an extra bracket, please check your css carefully.

    Best regards,
    Mike

    Hi,
    Thanks for the login, I’m not sure why this is occurring on your site, I can’t reproduce it on my site, but I changed the shortcode in your Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text to html and now the icons show with your desired settings, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: how to change the style and font of the siderbar #1405284

    Hi,
    The child theme in the theme zip file with the documentation, Read our documentation about using a Child Theme
    Or I linked to the latest child theme below.

    Best regards,
    Mike

    in reply to: icons bigger and colored #1405282

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    Hi,
    Thank you for your patience, to have two split topbar menus we will use the Secondary Menu in the topbar at the left and create a shortcode for a menu in the Header Phone Number/Extra Info in the topbar at the right.
    This is the expected result:
    Enfold_Support_1855.jpeg
    To create the shortcode for the menu I adjusted the function in this article, add this code to the end of your child theme functions.php file in Appearance ▸ Editor, or if you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets and allows you to export and import your custom code snippets to other sites that you may have or as a backup. If you use WPcode plugin this is a PHP snippet.

    function list_menu($atts, $content = null) {
    	extract(shortcode_atts(array(  
    		'menu'            => '', 
    		'container'       => 'nav', 
    		'container_class' => 'sub_menu alignright', 
    		'container_id'    => '', 
    		'menu_class'      => 'menu', 
    		'menu_id'         => '',
    		'echo'            => true,
    		'fallback_cb'     => 'wp_page_menu',
    		'before'          => '',
    		'after'           => '',
    		'link_before'     => '',
    		'link_after'      => '',
    		'depth'           => 0,
    		'walker'          => '',
    		'theme_location'  => ''), 
    		$atts));
     
     
    	return wp_nav_menu( array( 
    		'menu'            => $menu, 
    		'container'       => $container, 
    		'container_class' => $container_class, 
    		'container_id'    => $container_id, 
    		'menu_class'      => $menu_class, 
    		'menu_id'         => $menu_id,
    		'echo'            => false,
    		'fallback_cb'     => $fallback_cb,
    		'before'          => $before,
    		'after'           => $after,
    		'link_before'     => $link_before,
    		'link_after'      => $link_after,
    		'depth'           => $depth,
    		'walker'          => $walker,
    		'theme_location'  => $theme_location));
    }
    add_shortcode("listmenu", "list_menu");

    Then the shortcode will be like this: [listmenu menu=37] to find the menu ID number for your shortcode go to your menus and hover over the “Delete Menu” link and look in the browser link inspector popup:
    Enfold_Support_1857.jpeg
    Then add the shortcode in Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text with the option set to show the element on the right:
    Enfold_Support_1859.jpeg
    Now the last step is to remove the two div’s in the phone info topbar div for the menu shortcode, these divs are added for the typical text that is added to the Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text field, but we want to remove them for our menu.
    Add this code to the end of your child theme functions.php file in Appearance ▸ Editor, or as a PHP snippet in the WPcode plugin:

    function remove_phone_info_div_for_topbar_menu_shortcode() { ?>
      <script>
    window.addEventListener('DOMContentLoaded', function() {
    (function($){
      $('.phone-info.with_nav div').contents().unwrap();
      $('.phone-info.with_nav').contents().unwrap().css({'margin':'0'});
    })(jQuery);
    });
    </script>
      <?php
    }
    add_action('wp_footer', 'remove_phone_info_div_for_topbar_menu_shortcode');

    Now the two menus in the topbar will float right and left responsively for desktop and tablet:
    Enfold_Support_1861.jpeg
    for mobile they will stack since there is not enough room:
    Enfold_Support_1863.jpeg
    Please ensure to copy the codes from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    Hi,
    Thanks for posting the code you used, when I test it, it works correctly.
    Does your server use object-oriented cache? Try clearing it, otherwise please include an admin login in the Private Content area and link to a test page so we can be of more assistance.

    Best regards,
    Mike

    in reply to: Easy Slider on desktop: arrows on the right and left #1405263

    Hey adepreter,
    This option is under Navigation Elements
    Enfold_Support_1853.jpeg

    Best regards,
    Mike

    in reply to: Advanced Layerslider – Scroll Scene – Play By Scroll #1405261

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Partner/Logo Element: No follow vs. follow links #1405260

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Gradient transparent permanent header #1405259

    Hey Reto,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #header.header_color > .header_bg {
     	background-image: linear-gradient(rgba(150,150,150,1), rgba(150,150,150,0)70%);
     	background-color: transparent;
     }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Partner/Logo Element: No follow vs. follow links #1405256

    Hi,
    Thanks for the login, I found that setting the links to open in a new tab adds this, so I adjusted the script to have a slight delay and this seems to have corrected. Please clear your browser cache and check.

    
    function custom_script() { ?>
      <script>
    (function($){
    	setTimeout(function () {
    $('.avia-logo-slider .slide-entry').each(function() {
      $(this).find('a[href *="link-one.de"]').attr("rel", "nofollow");
      $(this).find('a[href *="link-two.de"]').attr("rel", "follow");
      $(this).find('a[href *="link-three.de"]').attr("rel", "follow");
     });
    		}, 300);
    })(jQuery);
    </script>
      <?php
    }
    add_action('wp_footer', 'custom_script');

    Best regards,
    Mike

Viewing 30 posts - 7,831 through 7,860 (of 34,961 total)