Forum Replies Created
-
AuthorPosts
-
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,
MikeHi,
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,
MikeApril 23, 2023 at 6:48 pm in reply to: Symbol not active when performance setting is “Load only used elements” #1405297Hi,
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,
MikeHi,
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,
MikeHi,
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,
MikeApril 23, 2023 at 2:51 pm in reply to: Symbol not active when performance setting is “Load only used elements” #1405285Hi,
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,
MikeHi,
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,
MikeHi,
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,
MikeApril 23, 2023 at 1:54 pm in reply to: Need to position two menu items to the right and have the rest float right #1405281Hi,
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:
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:
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:
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:
for mobile they will stack since there is not enough room:
Please ensure to copy the codes from the forum and not an email notification so the symbols are not converted.Best regards,
MikeApril 22, 2023 at 10:54 pm in reply to: Symbol not active when performance setting is “Load only used elements” #1405265Hi,
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,
MikeApril 22, 2023 at 10:37 pm in reply to: Easy Slider on desktop: arrows on the right and left #1405263April 22, 2023 at 10:21 pm in reply to: Advanced Layerslider – Scroll Scene – Play By Scroll #1405261Hi,
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,
MikeHi,
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,
MikeHey 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,
MikeHi,
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,
MikeHey Reto,
Thank you for your patience, first I assume that when you say that you have imported the fonts into the theme, that you mean in the Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager
If so then you can choose this font in the General Styling
or in the Advanced Styling
For elements that you can’t choose a custom font in you can add a custom class in the element Developer Settings, for example my-custom-font
and then css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field like this:.my-custom-font { font-family: 'my-font'; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeApril 22, 2023 at 9:10 pm in reply to: Advanced Layerslider – Scroll Scene – Play By Scroll #1405252Hey astropower,
Thank you for your patience and for sharing the solution that the Layerslider support team gave you, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.responsive body#top { overflow-x: visible; }
After applying the css, please clear your browser cache and check.
I recommend adding the page ID to the #top id for the page you will use this on so it doesn’t interfere with other pages, for example if it’s going to be on your home page try this:.responsive body#top.home { overflow-x: visible; }
Best regards,
MikeApril 22, 2023 at 8:53 pm in reply to: Masonry categories not showing up until related posts are loaded #1405251Hey petepopov,
Thank you for your patience, the sort options will only show for the posts displayed initially and of those posts only the shown ones be sorted. For example on your page when you click the sort “Technical” only three items will show until you load more.
So one way around this would be to change the date on at least one item from each category so all categories will show, but the drawback is that when the category sort is clicked only one item will show. If you initially show 12 items you could show two from each category.
Another way around this would be to show all items in the element settings but use css to hide most of them on the frontend, for example on my test page linked below there are a total of 16 posts, 4 in each category, only 4 will show on page load but clicking any sort link will show the hidden posts and click “All” will show all 16
This is the css used.#av-masonry-1 .av-masonry-container:not([id^=masonry_id_]) .av-masonry-entry:nth-child(n+6) { display: none; }
Best regards,
MikeHi,
Thank you for your patience and the link to your page, but I don’t see any square images on the page they all look to be landscape.
Can you tell us which images you mean or include a screenshot to point out the issue.Best regards,
MikeApril 22, 2023 at 7:38 pm in reply to: How to build template image slider synchronous with text slider #1405248Hey landhausaustria,
Thanks for your patience but I don’t see a way to create this in Enfold, I recommend using a WordPress plugin for this, but unfortunately I’m not sure which one would do this so you will need to search through these.
Sorry we couldn’t be more help with this.Best regards,
MikeHey vantagepointmg,
Please include the url to the page in question so we can examine the elements.Best regards,
MikeHi,
It sounds like you have a plugin adding noopener noreferrer try disabling your plugins and checking again.
Otherwise please include an admin login in the Private Content area and link to the page so we can be of more assistance.Best regards,
MikeHey buzbuzzer,
Thank you for your patience, I tested in Windows in Chrome, Firefox, & Edge and only Firefox had the offset wrong, is this where you see it also?
I see that you added this script:(function($) { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top - 100 //offsets for fixed header }, 1000); return false; } } }); }(jQuery));
But you are getting a jQuery is not defined do you have the option Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer enabled? Try disabling it
Best regards,
MikeApril 22, 2023 at 6:15 pm in reply to: How to work with New Transition Presets in LayerSlider? #1405242Hi,
Thank you for your patience, it looks like this is a known issue for the LayerSlider team, try their recommendation here. If this doesn’t help try asking their support if there is a workaround for this.Best regards,
MikeHi,
Glad Günter was 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,
MikeHi,
To change the capitalizion of your special heading elements and the footer widget titles try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top h2.av-special-heading-tag, #top h3.widgettitle { text-transform: capitalize; }
After applying the css, please clear your browser cache and check.
To remove the H1 tag from the post title bar try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($){ $('.main-title.entry-title').contents().unwrap(); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHi,
@engage24 please try @Guenni007 suggestion, thanks Guenni007.Best regards,
MikeHey mrqslmk,
Thanks for your question, I assume that you are not using any plugins like Yoast to set the nofollow on your links, in my test site the Partner/Logo Element doesn’t have the “rel” attribute set so I recommend this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($){ $('.avia-logo-grid .slide-entry').each(function() { $(this).find('a[href *="google.com"]').attr("rel", "nofollow"); $(this).find('a[href *="kriesi.at"]').attr("rel", "follow"); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');
and adjust the links to suit and add as many as you like. This sets the nofollow or follow based on the link URL
Best regards,
MikeHey schweg33,
To make the social icons larger try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all .social_bookmarks li a { width: 40px!important; line-height: 40px!important; min-height: 40px!important; font-size: 30px!important; } #top #wrap_all .social_bookmarks li { height: 30px!important; width: 40px!important; } #top #wrap_all .social_bookmarks { height: 60px!important; } #top nav .social_bookmarks { margin-top: -20px; }
To invert the social icons colors try this css:
#top #wrap_all .av-social-link-youtube a { color: #a72b1d; } #top #wrap_all .av-social-link-instagram a { color: #a67658; }
After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts