Forum Replies Created
-
AuthorPosts
-
Hi,
I’m not sure as I don’t have a iPhone and this is not a option on Android. There is not a specific setting for this in the theme, but it sounds like the css above is changing it some.
Perhaps the iPhone also adds opacity to the color, try this:html { background-color: blue !important; opacity: 1 !important; }Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Best regards,
MikeHey Richard,
I believe that you need to add the background-color to the html element which I believe shares the color with the Socket Background Color
But if you don’t want to also change this color, try this css:html { background-color: blue !important; }and adjust the color to suit, after applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
I’m not sure what you mean by add my website to my Google profile, please explain further, perhaps a screenshot of the Google profile page that you add the url to would help.
Is the error code 400 shown on the Google profile page or is this in your webhost error logs?Best regards,
MikeJuly 28, 2024 at 9:15 pm in reply to: Animationen laden seltsam doppelt / Animations load strangely twice #1463188Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia_transform .av-parallax-object.active-parallax.avia_start_delayed_animation.right-to-left { animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; } .js_active .av-parallax-object.active-parallax { opacity: 0; transition: none }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,
Try adding !important; after background-color: #f5f0eb; like this:@media only screen and (max-width: 767px) { .responsive #top.page-id-21 #wrap_all .av-flex-cells .no_margin { padding-left: 15px !important; padding-right: 15px !important; } .responsive #top.page-id-21 .av-masonry { background-color: #f5f0eb !important; } }Best regards,
MikeHey Richard,
This is margin due to this css:p+h1, p+h2, p+h3, p+h4, p+h5, p+h6 { margin-top: 1.5em; }the “p” means paragraph, so in your case please add this css:
h3+h4 { margin-top: 1.5em; }Best regards,
MikeHey zdenkab,
Thank you for the link to your site, I see that you are using v5.7 and your Envato token is unverified.
You could try using the Envato Market Plugin and create a new Envato Token in your Theme Forest account.
Or you could manually update and then Envato Token in your Theme Forest account.
To manually update Enfold you will need to 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.
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,
When I test this on my site the only time I see and error is if I try to use a portfolio element.
So if you want to disable the portfolio CPT you should ensure to not use a portfolio element.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,
On mobile I see #f5f0eb;
try clear your browser cache.
If you mean desktop add this css:#top.page-id-21 .av-masonry { background-color: #f5f0eb; }Best regards,
MikeHi,
Please use margin like this:#top .social_bookmarks li { margin-right: 10px; }Best regards,
MikeHi,
To match the masonry on /photography/iraq/ width with homepage width on mobile please use this css instead:@media only screen and (max-width: 767px) { .responsive #top.page-id-21 #wrap_all .av-flex-cells .no_margin { padding-left: 15px !important; padding-right: 15px !important; } #top.page-id-21 .av-masonry { background-color: #f5f0eb; } }This will also match the background color.
Best regards,
MikeHi,
To remove most of the padding for that masonry on that page on mobile, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top.page-id-21 #wrap_all .av-flex-cells .no_margin { padding-left: 0 !important; padding-right: 0 !important; } }there will still be a little padding but this is needed for the element, please see the screenshots in the Private Content area of the expected results.
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead to have larger round social icons in the socket, it also adds a white background color before mouse-over and on mouse-over the icon colors show, I have not sure what color you wanted as typically there is no color until mouse-over, feel free to adjust the color to suit.#socket .social_bookmarks li a { width: 50px!important; line-height: 50px!important; min-height: 50px!important; font-size: 30px; } #socket .social_bookmarks li { height: 50px!important; width: 50px!important; } #top #wrap_all .av-social-link-instagram a { color: var(--enfold-socket-color-meta); background-color: #fff; } #top #wrap_all .av-social-link-linkedin a { color: var(--enfold-socket-color-meta); background-color: #fff; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-masonry-entry .av-inner-masonry-content { padding: 20px 0; }to remove the left and right padding of the excerpt, after applying the css, please clear your browser cache and check.
Best regards,
MikeJuly 28, 2024 at 3:21 pm in reply to: Change .html_header_top.html_header_sticky.html_large #main on spec. pages? #1463158Hey Jak73,
Add the page ID to the css like this:.html_header_top.html_header_sticky.html_large .page-id-1616 #main { padding-top: 66px; }After applying the css, 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,
MikeJuly 28, 2024 at 2:44 pm in reply to: Changing all heading tags to text-transform: capitalize; #1463153Hi,
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,
Thank you for the link to your site, I see that switching to the parent theme v6.0.2 solves the error, so this points to an error in one of your child theme files.
Try removing these files via FTP and then add them back in one at a time to find the error, then review your customized file with the current theme version to find the difference.
Our latest updates adds a lot of new features including ACF integration, so your customized theme files will probably need to be updated.Best regards,
MikeHi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this thread then?Best regards,
MikeJuly 28, 2024 at 2:20 pm in reply to: Menu in transparant box with logo area with separate background #1463149Hi,
Thank you for your patience, as I review your request, I believe the only issue right now is switching to the built-in mobile menu before the custom menu becomes too large for the screen, so originally I have said to use the option <strong style=’color:#000′>Hide Header on this page but this also hides the mobile menu, so lets change this to <strong style=’color:#000′>Transparent Header

and hide the header with css:@media only screen and (min-width: 990px) { #header_main { display: none; } } @media only screen and (max-width: 989px) { .avia_codeblock > #header { display: none; } #menu-item-shop, .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks { display: none; } #av-burger-menu-ul .button.logo { display: none; } .logo a { display: flex; align-items: center; } #header_main { background-color: #000; } } @media only screen and (max-width: 989px) { .responsive #top #main {margin-top: -90px!important;} #top #wrap_all .av_header_transparency {background-color: transparent!important;} div#header_main > .container {display: block !important;} #top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after { background-color: #fff !important; } .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after { background-color: #000 !important; } }and for my example menu it breaks around 914px so setting the mobile menu to show at 990px in the theme setting will solve this, and I set the <strong style=’color:#000′>Alternate Menu For Mobile to the same menu we used for the shortcode:

So now at 990px and above it looks like this:

and below 989px the mobile menu shows like this:

and when the menu is open:

I believe this is what you are trying to achieve, I linked to my example page below for you to check.Best regards,
MikeHi,
Thank you for your patience and the link to your site, I believe that I have found your magazine element on the page, please see the screenshot in the Private Content area, but I believe that the top item IN: Ongestructureerde data OUT: Gestructureerde info is the latest item, based on the date 27/07/2024 and the parent page /mdhai/ai-artikelen/
Perhaps I misunderstand, please let us know which item that you expect to show first and include a admin login in the Private Content area so we can examine the backend closer.Best regards,
MikeHi,
Try this code instead:function remove_avia_woocommerce_frontend_search_params() { remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 ); } add_action( 'wp_loaded', 'remove_avia_woocommerce_frontend_search_params' ); if ( ! function_exists( 'avia_woocommerce_frontend_search_params' ) ) { function avia_woocommerce_frontend_search_params() { } } function custom_avia_woocommerce_frontend_search_params() { global $avia_config; if (!empty($avia_config['woocommerce']['disable_sorting_options'])) { return; } $product_order = array(); $product_sort = array(); $params = array(); $product_order['default'] = __('Default', 'avia_framework'); $product_order['menu_order'] = __('Custom', 'avia_framework'); $product_order['title'] = __('Name', 'avia_framework'); $product_order['price'] = __('Price', 'avia_framework'); $product_order['date'] = __('Date', 'avia_framework'); $product_order['popularity'] = __('Popularity (sales)', 'avia_framework'); $product_order['rating'] = __('Average rating', 'avia_framework'); $product_order['relevance'] = __('Relevance', 'avia_framework'); $product_order['rand'] = __('Random', 'avia_framework'); $product_order['id'] = __('Product ID', 'avia_framework'); $product_order = apply_filters('avf_wc_product_order_dropdown_frontend', $product_order); $product_sort['asc'] = __('Ascending', 'avia_framework'); $product_sort['desc'] = __('Descending', 'avia_framework'); $per_page_string = __('Products per page', 'avia_framework'); $per_page = get_option('avia_woocommerce_product_count'); if (!$per_page) { $per_page = get_option('posts_per_page'); } if (!empty($avia_config['woocommerce']['default_posts_per_page']) && is_numeric($avia_config['woocommerce']['default_posts_per_page'])) { if ($avia_config['woocommerce']['default_posts_per_page'] > 0) { $per_page = $avia_config['woocommerce']['default_posts_per_page']; } } parse_str($_SERVER['QUERY_STRING'], $params); if (!isset($params['product_order'])) { $po_key = 'default'; } else { $po_key = $params['product_order']; } if (!isset($params['product_sort'])) { $ps_key = !empty($avia_config['woocommerce']['product_sort']) ? $avia_config['woocommerce']['product_sort'] : 'asc'; } else { $ps_key = $params['product_sort']; } if ('default' == $po_key) { unset($params['product_sort']); } $params['avia_extended_shop_select'] = 'yes'; $pc_key = !empty($avia_config['woocommerce']['product_count']) ? $avia_config['woocommerce']['product_count'] : $per_page; $ps_key = strtolower($ps_key); $show_sort = !in_array($po_key, array('rand', 'popularity', 'rating', 'default')); $nofollow = 'rel="nofollow"'; $output = ''; $output .= '<div class="product-sorting">'; $output .= '<ul class="sort-param sort-param-order">'; $output .= "<li><span class='currently-selected'>" . __('Sort by', 'avia_framework') . " <strong>{$product_order[$po_key]}</strong></span>"; $output .= '<ul>'; foreach ($product_order as $order_key => $order_text) { $query_string = 'default' == $order_key ? avia_woo_build_query_string($params, 'product_order', $order_key, 'product_sort') : avia_woo_build_query_string($params, 'product_order', $order_key); $output .= '<li>'; $output .= "<a href='{$query_string}' {$nofollow}>"; $output .= "<span class='avia-bullet'></span>{$order_text}"; $output .= '</a>'; $output .= '</li>'; } $output .= '</ul>'; $output .= '</li>'; $output .= '</ul>'; if ($show_sort) { $output .= '<ul class="sort-param sort-param-sort">'; if ($ps_key == 'desc') { $output .= "<li><span class='currently-selected'>" . __('Order', 'avia_framework') . " <strong>Descending</strong></span>"; $output .= '<ul>'; } if ($ps_key == 'asc') { $output .= "<li><span class='currently-selected'>" . __('Order', 'avia_framework') . " <strong>Ascending</strong></span>"; $output .= '<ul>'; } foreach ($product_sort as $order_key => $order_text) { $query_string = 'default' == $order_key ? avia_woo_build_query_string($params, 'product_sort', $order_key, 'product_sort') : avia_woo_build_query_string($params, 'product_sort', $order_key); $output .= '<li>'; $output .= "<a href='{$query_string}' {$nofollow}>"; $output .= "<span class='avia-bullet'></span>{$order_text}"; $output .= '</a>'; $output .= '</li>'; } $output .= '</ul>'; $output .= '</li>'; $output .= '</li>'; $output .= '</ul>'; } if (!isset($avia_config['woocommerce']['default_posts_per_page']) || ($avia_config['woocommerce']['default_posts_per_page'] > 0)) { $output .= "<ul class='sort-param sort-param-count'>"; $output .= "<li><span class='currently-selected'>" . __('Display', 'avia_framework') . " <strong>{$pc_key} {$per_page_string} </strong></span>"; $output .= '<ul>'; $output .= '<li' . avia_woo_active_class($pc_key, $per_page) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page) . "' {$nofollow}><span class='avia-bullet'></span>{$per_page} {$per_page_string}</a></li>"; $output .= '<li' . avia_woo_active_class($pc_key, $per_page * 2) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page * 2) . "' {$nofollow}><span class='avia-bullet'></span>" . ($per_page * 2) . " {$per_page_string}</a></li>"; $output .= '<li' . avia_woo_active_class($pc_key, $per_page * 3) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page * 3) . "' {$nofollow}><span class='avia-bullet'></span>" . ($per_page * 3) . " {$per_page_string}</a></li>"; $output .= '</ul>'; $output .= '</li>'; $output .= '</ul>'; } $output .= '</div>'; echo $output; } add_action('woocommerce_before_shop_loop', 'custom_avia_woocommerce_frontend_search_params');Best regards,
MikeHey Illingco,
To move the shop sorting to the bottom of the page try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function modify_avia_woocommerce_frontend_search_params_hook() { remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 ); add_action( 'woocommerce_after_shop_loop', 'avia_woocommerce_frontend_search_params', 20 ); } add_action( 'wp_loaded', 'modify_avia_woocommerce_frontend_search_params_hook' );Best regards,
MikeHi,
To remove the sorting try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function remove_avia_woocommerce_frontend_search_params() { remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 ); } add_action( 'wp_loaded', 'remove_avia_woocommerce_frontend_search_params' ); if ( ! function_exists( 'avia_woocommerce_frontend_search_params' ) ) { function avia_woocommerce_frontend_search_params() { } }To move the sorting to the bottom of the page, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function modify_avia_woocommerce_frontend_search_params_hook() { remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 ); add_action( 'woocommerce_after_shop_loop', 'avia_woocommerce_frontend_search_params', 20 ); } add_action( 'wp_loaded', 'modify_avia_woocommerce_frontend_search_params_hook' );Best regards,
MikeHi,
Please note that the css above is specific for the element on the one page, you can tell this is the case whenever you see a class like this: .av-71o5oc-a8dc12cd8b5da5904a0f5d2b3077d9f9
so this css won’t work on your new page, perhaps it will be easier you you to use the options in the element, go to the column ▸ layout ▸ borders ▸ Border Radius and set to 10px :

I did this for you, please check:

Best regards,
Mike -
AuthorPosts


