Forum Replies Created
-
AuthorPosts
-
Hi,
You can try this css, but you will need to set the width, as a percentage will not work, so you may need adjust this for different screen sizes with media queries#top .avia-image-diff-container .avia_image { border-radius: 0; } #top .av-image-diff-wrapper { margin: 0; width: calc(1208px + 16px) !important; } #top .avia-image-diff-container .avia_image { max-width: calc(1208px + 16px) !important; width: calc(1208px + 16px) !important; }
and example of this with a media query for desktop would be like this:
@media only screen and (min-width: 1440px) { #top .avia-image-diff-container .avia_image { border-radius: 0; } #top .av-image-diff-wrapper { margin: 0; width: calc(1208px + 16px) !important; } #top .avia-image-diff-container .avia_image { max-width: calc(1208px + 16px) !important; width: calc(1208px + 16px) !important; }}
Best regards,
MikeHi,
Thanks, I see the link but the video is not automatically loading or playing for me.
There are plugins like borlabs that will give you a shortcode to wrap links so that a user must approve it before it will open after clicking, sort of like a another cookie message, perhaps this is what the shady law firm means?
I have not used borlabs, but manu people on the forum recommends it for GDPR.Best regards,
MikeHey nadinedomnink,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #header_main { border-bottom-width: 0; border-bottom-style: none; }
to change the header background color use the settings at: Enfold Theme Options ▸ General Styling ▸ Logo Area Background Color
Best regards,
MikeHi,
Please try using the LayerSlider, here is an one example of what can be created, and another, and this one.
None of these are exactly as you wish, but you can see elements and animations similar to your example and I’m pretty sure that with some time and experimenting you can probably achieve it. Or you could look for a plugin that might achieve this, if you wish.Best regards,
MikeHey fkm,
Thanks for the link to your page, but I don’t find a youtube link or video on it, when I check our demo page for our video element the videos don’t automatically play unles the option is enabled in the video element settings.
Please explain in further detail which element you are adding the video link to, and how we can reproduce this.Best regards,
MikeApril 29, 2024 at 5:28 pm in reply to: Events Calendar Plugin – German Version H1 Typo is back #1441320Hi,
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,
I guess that I don’t understand, perhaps adding a few mockup screenshots of what you would like to see would help.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, unless there is anything else we can help with on this issue, shall we close this thread then?Best regards,
MikeApril 29, 2024 at 12:22 pm in reply to: Events Calendar Plugin – German Version H1 Typo is back #1441295Hi,
This is because the original solution was for archive pages, this is a single tribe event page, for this add this code to the end of your child theme functions.php file in Appearance ▸ Editor and keep the other code:function custom_single_tribe_events_script(){ ?> <script> (function($){ $(document).ready(function(){ $("#top.single-tribe_events h1.main-title.entry-title").text("Kalender mit Ereignissen"); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_single_tribe_events_script');
Best regards,
MikeHi,
To change the h1 font size on single posts try this css:#top.single-post #wrap_all .all_colors .post-entry h1.post-title.entry-title { font-size: 20px; }
I’m not sure what you mean by changing your image size, when you upload an image WordPress creates thumbnails of it to be used in different situations, often cropping your image, but for best results you should resize you image before you upload it, here is a free online resizer. If you need further help with this please open a new thread and explain in more detail including the sie you want the image to show and what size you are uploading.
Please note that we ask that you create a new thread for each issue, this helps other users find solutions based on the opening subject line quicker and helps keep the thread length manageable and on topic for multiple mods to assist. Thank you for your understanding.Best regards,
MikeHi,
You are using a transparent header on your homepage and the text color is white, when you use the ajax search and hit the [enter] key it loads the searchwp template which is a white page, so you can’t see the white text in the header until you scroll and the header is no longer transparent.
If you click the ajax search link “Mostrar todos los resultados” you go to a search results page that doesn’t have the transparent header, so eveything shows correctly.
Unfortunately the search template doesn’t add a page class so we can’t know when to change the text color in the header.
So your first option is to change your homepage to not use a transparent header, or you can ask searchwp for a function to add a custom body class when the search template is used.
Or maybe your customers will scroll the page before they notice.Best regards,
MikeHi,
I’m not sure what you mean, I see your header on the search results page, see the screenshot in the Private Content area.
Perhaps you mean that there is a large space at the top, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_header_top.html_header_topbar_active.html_header_sticky #top #main.swp-rp-main { padding-top: 0; margin-top: 0; }
Best regards,
MikeHi,
Now when I check your page is loading completely, when I check with webpagetest.org (linked below) you have a video in the footer that is loading twice and seems to take 22 seconds to load:
this video is 13.9 mb but is only a short background loop, you could try converting this to a gif, for example I created one using the first 2.5 seconds and the gif was only 5.3mb which would be a lot smaller.
I also see that you are not using the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression option which will reduce the number of files loaded.
It doesn’t look like your short pixel plugin is working well, I tested one of your images on tinyjpg.com and it reduced your image by 39%
Best regards,
MikeHi,
If in the theme settings you are going to have no sidebar as the option for Sidebar On Single Post Entries
but still want a sidebar to show only on portfolio posts, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function enable_sidebar_on_portfolio_posts_when_disabled_in_theme_settings($layout, $post_id) { if( is_single() && get_post_type() == 'portfolio') { $layout['current'] = $layout['sidebar_right']; $layout['current']['main'] = 'sidebar_right'; } return $layout; } add_filter('avia_layout_filter', 'enable_sidebar_on_portfolio_posts_when_disabled_in_theme_settings', 10, 2);
That would show the Sidebar Pages or Displayed Everywhere widget area:
If you then want a custom portfolio sidebar widget area to show, then follow the steps above.Best regards,
MikeHi,
In your opening post you said that you are using the blog element, so this is not the loop-index.php, it is the postslider.php You can add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){ if( 'avia_sc_postslider' ){ $args['heading'] = 'h4'; } return $args; } add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );
adjust the “h4” to suit.
Best regards,
MikeHey peterolle,
To have a custom sidebar that only shows on portfolio posts, first create a custom widget area, in this example I named it “portfolio sidebar” and added the text widget:
then ensure that the sidebar i enabled on single post items:
Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter("avf_custom_sidebar", function($custom_sidebar) { if(is_single() && get_post_type() === 'portfolio'){ $custom_sidebar = "portfolio-sidebar"; } return $custom_sidebar; }, 10, 1);
and the sidebar will show only on portfolio posts:
Best regards,
MikeHi,
Thank you for your patience, your site doesn’t load for me, but I don’t see any errors in the browser. I do see one video trying to laod 6 times:
Try disabling all of your plugins and remove this video from your page and see if it then loads.
Do you have the Page Preloading option enabled?
Does the backend load ok?Best regards,
MikeHey Christian,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($) { $(function() { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('.post-entry h2.post-title.entry-title ', '<h4></h4>'); }); }(jQuery)); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
In the code change:<h4></h4>
to suit. Note that this may not change the font size, if you also want to change the font size try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title { font-size: 20px; }
and adjust to suit.
If this doesn’t help please include the url to the page in question so we can take a closer look.Best regards,
MikeHi,
To change the post h2 font size, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all .all_colors .post-entry h2.post-title.entry-title { font-size: 20px; }
adjust the font-size to suit.
Best regards,
MikeApril 28, 2024 at 3:20 pm in reply to: Website Crashed When Enfold Was Updated – Critical Error #1441186Hi,
Please note that if you updated the theme by trying to overwrite the theme files via FTP, this could cause an error by leaving some old files behind that were not overwritten.
Try deleting the parent theme Enfold directory, and then upload the new files.
Another way would be to use your webhost backup files to restore your site, and then disable your child theme and manually update like this:
First download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
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
then you will see the Theme updated successfully message.
Then before you enable your child theme ensure that your custom footer.php & header.php files match the current footer.php & header.php, if not this will cause errors in your theme. We do not recommend adding these files to your child theme, it is the most common reason for errors when updating. Please remove these files and any customizations you wish to make should be done in your child theme functions.php
If you have other customized files in your child theme this could cause errors, try removing these and see if you still have trouble.Best regards,
MikeApril 28, 2024 at 3:08 pm in reply to: Remove large gap at top of page – Events Calendar page #1441183Hey xfacta,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { padding-top: 0; }
Best regards,
MikeHi,
Perhaps try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all .all_colors h2.tribe-events-widget-events-list__header-title { font-size: 20px; font-weight: 600; font-family: "open sans"; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey peterolle,
You will need to also choose your sub-categories:
for them to show as a sorting option:
but note that you will need to ensure that your element is showing enough items to include the sub-categories, for example if you are only showing 5 items then the categories and sub-categories for those 5 items will show. Also note that the sorting will only work for the items shown, for example if on page load you are only showing 5 items, and only 1 item from the sub-category is showing, choosing that sub-category will only show the 1 item and not all items. So under Styling ▸ Pagination ▸ Post Number you should ensure that you are showing enough items.
Best regards,
MikeHi,
Enfold Theme Options ▸ Sidebar Settings ▸ Sidebar On Archive PagesBest regards,
MikeHi,
Sidebars on category pages is at Enfold Theme Options ▸ Sidebar Settings ▸ Sidebar On Archive Pages
On default editor product pages, the sidebar shows under the product image if you have a widget in the Single Product Pages widget area, for ALB products the sidebar is enabled on the edit page under Sidebar Settings
Best regards,
MikeHi,
Also use Guenni007 code for full size image.function custom_post_featured_image_link( $image_link, array $current_post, $size ){ if(is_single()){ $image_link = get_the_post_thumbnail( $current_post['the_id'], 'full' ); /**** or medium, square etc. ***/ } echo $image_link; } add_filter( 'avf_post_featured_image_link', 'custom_post_featured_image_link', 10, 3 );
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,
Mike -
AuthorPosts