Forum Replies Created
-
AuthorPosts
-
September 13, 2020 at 1:57 am in reply to: Pricing table: Description and standard column row not aligning #1245443
Hey Morticka,
Sorry for the late reply and thanks for the login and video. For your pricing table I added a custom IDget_height_from_first_columnso the following script would not affect other possible pricing tables on your site.
The logic of the script gets the height of each cell from the first column and applies it to the other cell in the same row, regaining with the fourth row. Please ensure that the first column has the largest cells.
This is the script I added to your child theme functions.phpfunction pricing_table_get_height_from_first_column(){ ?> <script> (function($){ $(window).load(function(){ var $this = $('#get_height_from_first_column .pricing-table-wrap:first-child'); var $that = $('#get_height_from_first_column .pricing-table-wrap:nth-child(n+2)'); var t4 = $this.find('li:nth-child(4)').outerHeight(); var t5 = $this.find('li:nth-child(5)').outerHeight(); var t6 = $this.find('li:nth-child(6)').outerHeight(); var t7 = $this.find('li:nth-child(7)').outerHeight(); var t8 = $this.find('li:nth-child(8)').outerHeight(); var t9 = $this.find('li:nth-child(9)').outerHeight(); var t10 = $this.find('li:nth-child(10)').outerHeight(); var t11 = $this.find('li:nth-child(11)').css('height', '86px').outerHeight(); var t12 = $this.find('li:nth-child(12)').outerHeight(); var t13 = $this.find('li:nth-child(13)').outerHeight(); var t14 = $this.find('li:nth-child(14)').outerHeight(); var t15 = $this.find('li:nth-child(15)').outerHeight(); $that.find('li:nth-child(4)').css('height', t4 + "px"); $that.find('li:nth-child(5)').css('height', t5 + "px"); $that.find('li:nth-child(6)').css('height', t6 + "px"); $that.find('li:nth-child(7)').css('height', t7 + "px"); $that.find('li:nth-child(8)').css('height', t8 + "px"); $that.find('li:nth-child(9)').css('height', t9 + "px"); $that.find('li:nth-child(10)').css('height', t10 + "px"); $that.find('li:nth-child(11)').css('height', t11 + "px"); $that.find('li:nth-child(12)').css('height', t12 + "px"); $that.find('li:nth-child(13)').css('height', t13 + "px"); $that.find('li:nth-child(14)').css('height', t14 + "px"); $that.find('li:nth-child(15)').css('height', t15 + "px"); }); })(jQuery); </script> <?php } add_action('wp_footer', 'pricing_table_get_height_from_first_column');So this seems to be working except the row
Content & Huisstijlin which the first column was smaller than the others so I adjusted the cell with this line:
var t11 = $this.find('li:nth-child(11)').css('height', '86px').outerHeight();
Please clear your browser cache and check.Best regards,
MikeHey Eve,
Sorry for the late reply, to search and replace a text link that is inside a Advanced Layout Builder page as a command, please try this:
UPDATE wp_postmeta SET meta_value = replace(meta_value,'https://your-link.com','http://your-new-link.com');
please ensure your database prefix is “wp_”, it may be different.
But I would not recommend making the changes like this because the database is serialized, I would recommend using the plugin Better Search ReplaceBest regards,
MikeHey Kevin,
Sorry for the late reply, it looks like they both share the same function. I did find a function that will remove the admin sidebar options link but leave the top bar options link, try adding this code to the end of your child theme functions.php file in Appearance > Editor:add_action( 'admin_init', 'remove_enfold_menu_option' ); function remove_enfold_menu_option() { remove_menu_page( 'avia' ); }Another option to rename the menu item is to try this script in your child theme functions.php
function rename_enfold_menu_option(){ ?> <script> jQuery(window).load(function(){ jQuery("#toplevel_page_avia .wp-menu-name").text("Theme Options"); }); </script> <?php } add_action('admin_head', 'rename_enfold_menu_option');Best regards,
MikeHi,
Thanks for the login, I found this support thread for the plugin which states:Shortcode for reviews is used for the premium version only.
So it seems you will need to buy the premium version, or use a different plugin.
Best regards,
MikeHi,
Sorry for the late reply, and thanks for the link to your site. I tested your gallery load more button, but the only time it didn’t work for me was when I forgot to disable my adblocker, do you have an adblocker installed?
I tested on:
Firefox: 81.0b8 (64-bit) – Windows
Chrome: 85.0.4183.102 (64-bit) – Windows & Mac
Safari: 13.1.1 (15609.2.9.1.2) – Mac
Edge: Version 85.0.564.51 (64-bit) – Windows
I also tested this shortcode on my localhost and it also worked. I used your shortcode above and changed the IDs for my install and changed the number of items shown to 4, because I only had 8 IDs[av_masonry_gallery ids='2250,2249,2248,2247,2246,2245,2244,2211' caption_elements='none' caption_styling='' caption_display='always' size='flex' orientation='' gap='large' columns='flexible' av-medium-columns='' av-small-columns='' av-mini-columns='' items='4' paginate='load_more' color='' custom_bg='' overlay_fx='active' animation='active' lazy_loading='disabled' container_links='active' link_dest='' id='' custom_class='' av_uid='av-33iidv']Best regards,
MikeHi,
Please include an admin login in the Private Content area so we can investigate.Best regards,
MikeHi,
I researched the plugin and it says that it has a shortcode to display the reviews anywhere.
So on the page that you linked to, try adding a code block element with the shortcode.Best regards,
MikeSeptember 11, 2020 at 1:41 pm in reply to: Colour Section Background Image (animated gif) not sowing on ipad #1245140Hi,
Sorry for the very late reply, I don’t have an iPad so I tested on the live.browserstack.com site, which claims the tests are on actual devices. I did see the error and believe that current visibility settings would not achieve your desired results, so I disabled them and added this css to your WordPress > Customize > Additional CSS field:@media only screen and (max-width: 767px) { #top.home #av_section_1 { display: none; } } @media only screen and (min-width: 768px) { #top.home #av_section_2 { display: none; } }This shows the gif of the “A” up to 767px and the full word after 768px, in my test on browserstack this now works.
Please clear your browser cache and check.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
For that page and similar ones, try this css:#top.single-sfwd-courses .single-small > .blog-meta { display: none !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad to hear, so for the last question, I added this css:/*sonar effect*/ @-webkit-keyframes sonarEffect { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);} 100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);-webkit-transform: scale(1.5);opacity: 0;} } @-moz-keyframes sonarEffect { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);} 100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);-moz-transform: scale(1.5);opacity: 0;} } @keyframes sonarEffect { 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);} 100% {box-shadow: 0 0 0 2px rgba(174, 198, 195,0.1), 0 0 10px 10px #aec6c3, 0 0 0 10px rgba(174, 198, 195,0.5);transform: scale(1.5);opacity: 0;} }Please clear your browser cache and check. Shall we close this then?
Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeSeptember 10, 2020 at 2:13 pm in reply to: TinyMCE showing HTML tags in custom shortcode elements. #1244925Hi,
Thanks for posting your custom element code, I tried it out and the error seems to occur when the element is opened after it was saved, but I couldn’t resolve this. I asked the rest of the team to take a look, thanks for your patience.Best regards,
MikeHi,
Glad to help, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeHi,
I adjusted the css for your two buttons, please clear your browser cache and check.Best regards,
MikeHi,
Well now your staging site “COVID-19 Update” works correctly, but now your live site doesn’t have the correct code, please make the code for both sites the same like this:<div class="update" style="background-color:lightblue; padding-left: 20px"> <span> COVID-19 Update<br> Learn about our expanded patient care options for your health care needs. </span> </div>In the above code this is the important part that adds the custom class
<div class="update"Best regards,
MikeHi,
Sorry I ment that your div code doesn’t have the custom class, like this:<div class="update" style="background-color:lightblue; padding-left: 20px"> <span> COVID-19 Update<br> Learn about our expanded patient care options for your health care needs. </span> </div>Try copying the div code from your live site, in your header.php, to your stagging site, or use the code above.
Best regards,
MikeHi,
I adjusted the css for chrome and screen size, please clear your browser cache and check..responsive #top #header #header_main .inner-container .main_menu { flex-basis: 130%; } @media only screen and (max-width: 1570px) { .responsive.avia-chrome #top #header #header_main .inner-container .main_menu { flex-basis: 130% !important; } } @media only screen and (min-width: 1571px) { .responsive.avia-chrome #top #header #header_main .inner-container .main_menu { flex-basis: 160% !important; } }Best regards,
MikeHi,
Please remove the above css and clear any caching plugin and your browser cache then try this css:#top div.product .woocommerce-tabs.wc-tabs-wrapper { display: flex !important; flex-wrap: wrap !important; } #top div.product .woocommerce-Tabs-panel--additional_information { order: 3 !important; width: 100% !important; } #top div.product .woocommerce-Tabs-panel--reviews { order: 1 !important; } #top div.product .woocommerce-Tabs-panel--description { order: 2 !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Please check your staging site “COVID-19 Update” it doesn’t have the custom class “update” as your live site does, without this the css won’t work.Best regards,
MikeSeptember 9, 2020 at 12:31 pm in reply to: H-Headlines / Fontsize-Adjusting for mobile view #1244613Hi,
Thank you for the feedback, please try this css:@media only screen and (max-width: 767px) { #wrap_all #main h3,#wrap_all #main h3 > span { font-size: 12px !important; } #wrap_all #main h1,#wrap_all #main h1 > span { font-size: 14px !important; } }Please adjust the font sizes to suit and clear your browser cache and check.
Best regards,
MikeHi,
Please try this css instead:#top > #wrap_all > #main > .container_wrap_first.fullsize { min-height: 80vh !important; }To not show courses in the blog element try to deselect the course category, or only select the categories you wish to show.
Best regards,
MikeHi,
Thanks for the screenshot, I do understand the space you wish to reduce, and thanks for changing the images to ones with no border, this helped.
So please try this css:.avia-icon-grid-container li .avia-icongrid-wrapper .avia-icongrid-front, .avia-icon-grid-container li .avia-icongrid-wrapper .avia-icongrid-flipback { box-shadow: 0 0 0 10px #fff; background-size: cover !important; }After applying the css, please clear your browser cache and check.
Please see the screenshot in Private Content area.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
1 & 2: I added this css to your quick css:.responsive #top #header #header_main .inner-container .logo { height: 135px !important; } .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 192px !important; }3: I adjusted some previous css, now the socket menu shows.
4: On this page your slider had an un-closed tag in the caption title:

I corrected and now the slider shows.Best regards,
MikeHi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.menu-item-top-level { height: 60px !important; } .avia-menu.av-main-nav-wrap { padding-top: 40px !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
When I check your site the demo looks like the Enfold Startup Business Demo and not the 2017 demo.
Please try running the WP Reset and then import the one 2017 demo.Best regards,
MikeHi,
When I check your flip items the backside seems larger than the front side because the images on the front side have a white border so it adds to the “look” of the borders.
We can make the background color on the backside the same size but this doesn’t change the front side space because there really is no space, it is the white border in the image.
Please try removing the white border from the images first and then we can check again.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
Mike -
AuthorPosts
