Forum Replies Created
-
AuthorPosts
-
March 23, 2024 at 9:45 pm in reply to: Parallax column Animation without big emty space at the bottom? #1438088
Hey Monika,
Thanks for the link to your page but I don’t find “auch nice” or a large gap, is this only on certain screen sizes? Do you mean the “Was haben wir gemacht?” section?
Typically with parallax you also need to use negative margins for the items up more so as the top items more up they show the item under.
Give this a try and if you use the duplicate feature and create a test page with an admin login we can demonstrate how the negative margin could help.
Perhaps a screenshot would help us know where the gap is.Best regards,
MikeHey carmen,
Thank you for the link to your site, I downloaded your video and it looks like the top and bottom black bars are in your video, so you will need to edit your video to crop these out:
For the form drop downs try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .entry-content-wrapper select.wpcf7-form-control { border-radius: 10px; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMarch 23, 2024 at 9:14 pm in reply to: The “avia-head-scripts” error persists despite trying all recommendations #1438085Hi,
Thank you for the link to your site, the problem is that you are creating your posts with the Advanced Layout Builder with color sections, so the widget area is at the bottom of your page after the last color section. I recommend adding a widget element in a column to show your widget. I did this for you in one of your posts linked below to show how it works:
Now the wiget shows on the frontend:
Best regards,
MikeMarch 23, 2024 at 8:26 pm in reply to: Old folder /uploads/avia_posts_css causes error that breaks site? #1438079Hi,
I have seen your other therads but each one is about the WP Rocket cache and in each case clearing the cache solves. We are not able to reproduce the error without the plugin, and if I was using the plugin I would clear the cache when making changes, it seems simple.Best regards,
MikeHey Katja,
Thank you for the link to your site, on your first level menu items they are blue until mouse-over then they are yellow, but the backend of the second level is already yellow so what colors do you want the mouse-over and active page second level menu items to be?
mobile devices don’t have a mouse-over function, if you want the first level active menu items to have a yellow background you could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #wrap_all #av-burger-menu-ul li.current-menu-item a { background-color: #fff236; }
but second level mobile menu items all share the same background color.
To add the header image to your category pages try the Unique Headers plugin.
For your search field try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .header_color .avia-search-tooltip input[type='text']#s { background-color: #fff; color: #30302f; }
Fot your widget item, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #wrap_all .main_color .tribe-events-widget-events-list__header-title { color: #c3512f; text-align: left; font-size: 16px; font-weight: 600; } #top .main_color .tribe-events-widget-events-list__header-title { border-style: solid; border-width: 1px; border-color: rgb(235, 232, 226); padding: 10px 0; border-left: none; border-right: none; margin-bottom: 15px; }
For your last question, some items have text some don’t they are not the same.
Please note that we kindly ask that each thread is for a single topic, it is hard to manage threads with many questions, typically it causes confusion when other Mods try to help or when clients answer but are not so clear, Thank you for your patience and understanding and for using Enfold.Best regards,
MikeMarch 23, 2024 at 6:49 pm in reply to: WPML Automatic Translation doesn’t translate special heading #1438075Hey ergates,
Thanks for your patience, but unfortunately these items must be manually translated, please see this postBest regards,
MikeMarch 23, 2024 at 6:41 pm in reply to: Old folder /uploads/avia_posts_css causes error that breaks site? #1438074Hey Alwin,
This looks similar to your other thread
In this case versions before 5.3 had a different directory structure, typically updating the theme should have corrected this, but you were using WP Rocket cache which contenued to look the file in the old location, so when you cleared the cache it was solved.
Deleting the old folder also caused WP Rocket to rebuild it’s cache, I don’t believe that this was necessary it was just another way around the WP Rocket cache, but it still comes back to clearing the WP Rocket cache, because the theme on it’s own would not be looking for the wrong file location.
So I also recommend clearing your WP Rocket cache as Ismael pointed out in your other thread.Best regards,
MikeMarch 23, 2024 at 5:57 pm in reply to: Menu on mobile remains open when I return to the previous page #1438069Hey greg47,
Thanks for the video, the first thing that I notice is that you entered a second html & head tag ino your page with the script that ChatGPT gave you:
typically when ChatGPT gives you this it is to point out that the script goes into the head of your page, I recommend not adding this.
So it looks like you are creating a event that will click the burger menu, the check to see if the menu is open is missing the class is-active so the script will run in all cases, even if it is alread closed.
Try changing this line:var menuButton = document.querySelector('.av-hamburger.av-hamburger–spin.av-js-hamburger.av-inserted-main-menu');
to thisvar menuButton = document.querySelector('.av-hamburger.av-hamburger–spin.av-js-hamburger.av-inserted-main-menu.is-active');
Then it should only click the menu if it is open.
Best regards,
MikeHey JurrienSpr,
Thanks for your patience, we don’t have experience with the Polylang Pro plugin but here in their documentation it says you also need Polylang for WooCommerce.
If you need further help with the plugin, their support will be better help as we can not test or offer support for the Polylang Pro plugin.Best regards,
MikeHey Jason,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.flex_column.avia-builder-el-12 { display: flex; justify-content: center; }
But I recommend adding a custom class to the column like “center-column” and then adjust the css:
.center-column { display: flex; justify-content: center; }
Best regards,
MikeHey Jason,
Thanks for your patience, the blog element layout is dependent on the Enfold Theme Options ▸ Blog Layout ▸ Blog Styling
it looks like you are using the Modern Business
you also could use Elegant
and Default (Business)
So I recommend choosing the one that is closest to your overall goal, which in this case seems to be Default (Business) and then adjust from there. So in this example it looks like we only need to move the date above the title, I recommend using jQuery in your child theme functions.php instead of customizing the element php file in your child theme, \enfold\config-templatebuilder\avia-shortcodes\postslider\postslider.php, because future features may not work correctly if you use an older version of the file.
For example:function custom_move_time_script() { ?> <script> (function($){ $( '.slide-entry' ).each(function() { $( this ).find( 'time.slide-meta-time' ).insertBefore( $(this).find('header')); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_move_time_script', 99 );
Then you can make the rest of the adjustments with css, like hiding the comments, making the date larger & gold, adding top padding, making the read more gold, etc..slide-content .slide-meta { display: none; } .slide-content .slide-meta-time { font-size: 14px; color: gold; } .slide-content .slide-entry-title { font-size: 28px; padding-bottom: 10px; } .slide-content { padding-top: 20px; } .slide-content .read-more-link a { color: gold; }
So give this a try and if you need further help please create a test page so we can examine your element and offer more help.Best regards,
MikeMarch 23, 2024 at 1:48 pm in reply to: Fixed images displaying with fixed scroll affect on a mobile #1438042Hey M-Graphics24,
Thanks for your patience, you can try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia_mobile #top .avia-full-stretch { background-attachment: fixed !important; }
but please note that this will not work for all iPhones or iPads, and may behave oddly, this is due to a limitation on these devices that can not be changed, so to offer a uniform experience across devices the background-attachment was changed to scroll on mobile devices.
If this doesn’t work for you then it’s best to not use it.Best regards,
MikeHi,
It was working in the secondary menu for me above:
If you mean the Fullwidth Sub Menu element, then you must choose a existing menu to use:
Otherwise check the steps carefully and if you still have trouble open a new thread with an admin login so we can check, posting a admin login here will not be private because this is not your thread.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,
MikeHi,
I was explaining why the featured image and newsbox images were not showing on the single post because you asked for an explanation of WHY. Now if you don’t want the newsbox image to show anywhere use this css:.avia-widget-container.newsbox .news-thumb { display: none; }
If you don’t have a featured image and don’t want the gray box to show on single posts use this css:
.single-post .small-preview:not(.lightbox-added) { display: none; }
To remove the left margin of the featured image and add some bottom margin to add space brfore the post title you would need to adjust your custom css in the WordPress ▸ Customize ▸ Additional CSS
I did this for you, feel free to adjust to suit.
Best regards,
MikeHi,
Thank you for your patience, I see that these images are grid cell background images which do not have a height in the same way as a image, typically the background image fills the grid but the grid height comes from the grid content, which in this case there is no content. Nonetheless I have added this css to your Quick CSS and this seems to heml for mobile devices. please clear your browser cache and check.@media only screen and (max-width: 767px) { .responsive #top #wrap_all #welcome.av-flex-cells .no_margin.flex_cell.avia-full-stretch.avia-builder-el-1 { height: 550px !important; } .responsive #top #wrap_all #meet.av-flex-cells .no_margin.flex_cell.avia-full-stretch.avia-builder-el-21 { height: 420px !important; } .responsive #top #wrap_all #events.av-flex-cells .no_margin.flex_cell.avia-full-stretch.avia-builder-el-23 { height: 420px !important; } .responsive #top #wrap_all #meetillustratror.av-flex-cells .no_margin.flex_cell.avia-full-stretch.avia-builder-el-47 { height: 420px !important; } .responsive #top #wrap_all #recent.av-flex-cells .no_margin.flex_cell.avia-full-stretch.avia-builder-el-62 { height: 420px !important; } .responsive #top #wrap_all #contact.av-flex-cells .no_margin.flex_cell.avia-full-stretch.avia-builder-el-64 { height: 420px !important; } }
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,
Thank you for your patience, first the reason your post featured image is not showing is three fold, first you are using the setting Enfold Theme Options ▸ Blog Layout ▸ Single Post Options ▸ Single Post Style ▸ Single post with small preview image (featured image)
This shows a small square box on your single post:
second you used this css to hide it:div.blog-meta { display:none; }
third, now why is this a gray box and not the featured image, and why do the featured image thumbnails in the news box not show? Because you have this custom function in your functions.php:
disabling it solves all of your issues:
Best regards,
MikeMarch 21, 2024 at 10:39 am in reply to: Choose of size in shop looks very special on tablets #1437760Hi,
Thanks for the screenshots unfortunately I can not reproduce this, what tablet are you using when you see this? Please use this tool and report the screen resolution and check if this occurs on bothe portrait & landscape.
Also try disabling your plugins to see if that helps, and also switch to your parent theme to see if it is one of your customizations causing this.Best regards,
MikeMarch 19, 2024 at 7:08 pm in reply to: How to create a column in full width not using a color section? #1437639Hi,
When you say that you want a “fullwidth” column and want a sidebar, then I assume that you mean that the column will only take the width of the content area and not the sidebar area, correct? So in the screenshot the gray color is a 1/1 column and the white around it is the padding:
So are you asking to remove the white padding of the content area only and allow the sidebar to stay in place?
We could help with this, please create a test page and link to it.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,
MikeMarch 19, 2024 at 6:36 pm in reply to: CSS for list item font colour on hover in post block editor #1437635Hi,
The css can be adjusted to check the background color of the ol, for example on the text page that you linked to the background color of the ol is #666666 so we would use this css:#top ol[style*="background-color:#666666;"] li a:hover { color: red; }
for your other pages adjust the colors to suit.
Best regards,
MikeHi,
When I check the box with the icon is already red like you are requesting:
this css will add the border and change the background color of the search field:#top .av_minimal_header .avia-search-tooltip input#s { background-color: #f8f8f8; border: 1px solid #e1e1e1; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thanks for the feedback, this sounds like an unexpected side effect from the reload part of the script, I have disabled this, please clear your browser cache and check again.
Please note that if you resize a desktop browser to emulate a mobile device you will need to manually reload the page, but this should not be an issue for a real mobile device.Best regards,
MikeHi,
On your homepage the big white space under the slider looks like the issue that the plugin wp-smushit causes with it’s lazy loading, try disabling the plugin lazy loading or disable the plugin completely and see if that helps.Best regards,
MikeHey dowlassmoss,
I have not reviewed any gallery plugins so I can’t advise to what might meet your requirements, but I recommend that any gallery plugin you choose should allow you to use it as a shortcode, so you can add it to your already designed ALB pages, please note that some plugins may only work with the WordPress Block Editor and don’t offer a shortcode for you to use, these plugins will not work for your already designed ALB pages. Here is a good place to start looking.Best regards,
MikeHi,
The screenshot link you posted is not working, but when I check your site all of the search bars that I see are red, please see the screenshot in the Private Content area.
Try linking to the page with the blue one, or if you are still seeing blue try clearing your browser cache.Best regards,
Mike -
AuthorPosts