Forum Replies Created
-
AuthorPosts
-
Hi,
I’m not sure that I understand your question.
Earlier I thought that you wanted to deactivate the Enfold cookie banner, and now it is, correct?Best regards,
MikeHey ballindigital,
Thank you for the link to your site, when I check your page on my desktop the height of the elements are the same and so the buttons are lined up, but I believe that your screen size is smaller, so we need to set the height of the elements at certain screen sizes when the content length causes the text to wrap into a new line. I see you are using three grid rows with two cells each, and in each is a image, special heading, text block and a button. So we need to set the height for all special headings and text blocks to the same.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function grid_row_special_headings_and_text_blocks_equal_heights() { ?> <script> (function($){ var width = $(window).width(); if (width > 767) { $('.page-id-3083 .av-layout-grid-container').each(function(){ var $specialHeading = $('.flex_cell .av-special-heading-tag',this); var $textBlock = $('.flex_cell .av_textblock_section p',this); var specialHeadingHeight = Math.max.apply(Math, $specialHeading.map(function(){ return $(this).height(); }).get()); var textBlockHeight = Math.max.apply(Math, $textBlock.map(function(){ return $(this).height(); }).get()); $specialHeading.height(specialHeadingHeight); $textBlock.height(textBlockHeight); }); } else {} })(jQuery); </script> <?php } add_action( 'wp_footer', 'grid_row_special_headings_and_text_blocks_equal_heights', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHey ballindigital,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #footer .container { display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; max-width: 90%; } .responsive #top #wrap_all #footer .flex_column.av_one_third:first-child { width: calc(50%); clear: none; } .responsive #top #wrap_all #footer .flex_column.av_one_third:first-child .widgettitle { width: 98%; } .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) .widgettitle { width: 100%; } .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) #menu-item-1422 a { padding-right: 0; } .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) { text-align: right; width: calc(50%); } .responsive #top #wrap_all #footer .flex_column.av_one_third:last-child { width: 100%; text-align: center; } .wpcf7 .wpcf7-spinner { display: none; } }
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,
MikeHey schweg33,
The Portfolio Grid element doesn’t offer a gap setting, like the Masonry element does:
I would recommend using this and the built-in gap options to reduce possible errors for certain screen sizes.
Or you could try this css:#av-sc-portfolio-1 .grid-entry .inner-entry { margin-right: 4px; }
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,
To enable a button to open the popup, add a button to your page and set the link URL to #open-popup:
then go to Advanced ▸ Developer Settings and add the custom class open-popup-button:
then update the popup script in your child theme functions.php to this:function magnific_popup_with_no_scroll_and_button() { ?> <script> (function($) { $(window).on('load', function(){ $('.open-popup-button a').addClass('open-popup-link'); $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { $('body').css("overflow-y", "hidden"); }, close: function() { $('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'magnific_popup_with_no_scroll_and_button', 99 );
then you can use both text links and buttons for your popup like in the example:
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .avia-post-nav:hover .entry-info-wrap { width: auto; } #top .avia-post-nav .entry-info { width: auto; }
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,
As for the popup styling, it looks like I made an error in the snippet above, please change the popup code to this:<div id="open-popup" class="popup mfp-hide"> <p>PLACE CONTENT HERE</p> </div>
so the css will work correctly, I adjusted the code above.
On your page it looks like you added the code block element after the grid row, so a new section was created, this space is not the code block it self, it has a height of zero. So try adding the code block in the grid row under the contact form.
Or you can add this css:#after_grid_row_4 { display: none; }
Best regards,
MikeHey schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .avia-post-nav .entry-image { display: none; } #top .avia-post-nav .entry-info-wrap { text-align: center; }
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 feedback, but I checked your page on Windows in Chrome, Firefox, & Edge and Mac in Safari, Chrome, Firefox
and all showed the sub-menu “Mariage” aligned below the parent menu item like this:
I’m not sure why you would be seeing this, are you using an iPad? please post your screen resolution to see if this only occurs at a specific size. I did check a few random sizes but was not able to reproduce your screenshot.Best regards,
MikeHi,
Check that you are not missing bracket in your css, otherwise remove the css you added and then copy again carefully from the forum and not an email notification so the symbols are not converted and try adding again, or add it to your WordPress ▸ Customize ▸ Additional CSSBest regards,
MikeHi,
Try disabling Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enabling Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files, then clear your server cache, then check again.
Then once these old files are removed you can enable the above again, I don’t think this setting will resolve old files, only the new ones.
Otherwise try the other option in the dropdown: Disable unique timestamps onlyBest regards,
MikeJanuary 7, 2024 at 12:28 pm in reply to: Google maps not viewing in All-in-One Event Calendar by Time.ly #1429451Hi,
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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-tab-section-outer-container .av-active-tab-title.av-section-tab-title, #top .av-tab-section-outer-container .av-section-tab-title:hover { background-color: #fff; }
adjust color to suit.
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,
MikeJanuary 6, 2024 at 8:37 pm in reply to: https://kriesi.at/support/topic/relates-to-https-kriesi-at-support-topic-duplica #1429434Hi,
It looks like for level one & three the menu item gets the class current-menu-item
But not for level two, it gets the class active-parent-item
So try adding this css:#top #header .av-main-nav > li.active-parent-item > a { background-color: #776fb1; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Nettour,
Thanks for contacting us, but we don’t have a Studies online platform, we have a WordPress theme, you can learn more here.Best regards,
MikeHey imc-html,
Try changing this line:.responsive #top #header #header_main .inner-container .main_menu { order: 1;
to this:
.responsive #top #header #header_main .inner-container .main_menu { order: 3;
After applying the css, please clear your browser cache and check.
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,
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,
Reading what you wrote in private, I don’t think that you can completely remove the WordPress session PHPSESSID, which is what you webhost seems to be asking.
I see that you are using the cookie bar on the site, try disabling this and see if you have the same issue.Best regards,
MikeHi,
I used Enfold Theme Options ▸ Header ▸ Header Layout ▸ Menu and Logo Position menu center and hid the logo.Best regards,
MikeHi,
I added this css:#top .all_colors h1 { font-size: 18px; } #top .all_colors h2 { font-size: 14px; }
check now.
Best regards,
MikeHi,
Can you link to a page that it doesn’t work and explain if it is a header or the paragraph font-size that you wish to change and what size you want it to be.Best regards,
MikeHey santanin,
I see on your site you have two Twitter social profiles showing, one normal, and one square, both are showing birds.
On my test site when I choose both Twitters the new “X” icons show:
Perhaps you have some previous customization causing this? If you can’t find the issue please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey lausianne,
There is not a built-in way to do this, but you can try this solutionBest regards,
Mike -
AuthorPosts