Forum Replies Created
-
AuthorPosts
-
December 5, 2024 at 6:03 am in reply to: How to display icon in button which is in image slide in fullwidth easy slider #1472966
Hi,
Great! Glad to know that this has been resolved. Please feel free to open anotehr thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the info.
We added this script in the functions.php file to set the target attribute to _blank.
function ava_custom_script() { ?> <script> (function ($) { $(document).ready(function () { var firstColumn = $('#footer .flex_column:first'); firstColumn.find('a').each(function () { $(this).attr('target', '_blank'); }); }); }(jQuery)); </script> <?php } add_action('wp_footer', 'ava_custom_script', 99);
In order to preserve this modification, you may need to install a child theme. Please check the documentation below for more info: https://kriesi.at/documentation/enfold/child-theme/
Best regards,
IsmaelHi,
Is it perhaps because I have installed the “Responsive Lightbox Lite” plugin?!
Yes, you need to use the theme’s default lightbox feature, as @Guenni007 pointed out, and deactivate the plugin for the modifications to work correctly. If you really need to use the plugin, you may need to contact the plugin developers for additional assistance.
Best regards,
IsmaelHi,
Thank you for the update.
Looks like you’ve successfully imported the demo. We tried logging into the page but the credentials above are invalid. Please check the info or provide another login account.
Best regards,
IsmaelHi,
Thank you for the update.
Unfortunately, there’s no way around this other than clearing the cookies manually. Yes, you can temporarily add a note or add another link to a page containing a different contact form if you think this will discourage users from using the current one.
Best regards,
IsmaelHi,
Thank you for the info.
There is invalid code in the Quick CSS field, which makes the other css rules ineffective. We have corrected the css code — please make sure you purge the cache or switch to incognito mode before checking the page.
Best regards,
IsmaelDecember 5, 2024 at 4:19 am in reply to: Unable to activate ALB (using custom fields) while importing posts #1472959Hi,
I should have the same values on all my CPTs since the very same Custom Layout template is used.
Yes, if all the items in your CPT will use the same custom layout, they should have the same tree structure. Let us know if you find anything.
Best regards,
IsmaelHi,
Sorry about that. We adjusted the css code a bit to resize the theme slider.
.avia-slideshow.av-m3n0lyvm-93cb025d7b6a8bdaafb1c717816af88f, .avia-slideshow.av-m3n0lyvm-93cb025d7b6a8bdaafb1c717816af88f li, .avia-slideshow.av-m3n0lyvm-93cb025d7b6a8bdaafb1c717816af88f li img { max-height: 99vh; }
Best regards,
IsmaelHi,
We’ll keep the thread open for now. Let us know if need more assistance.
Best regards,
IsmaelDecember 5, 2024 at 4:05 am in reply to: Dia slideshow element: changing h-tag, overlay and location/font size title #1472956Hi,
Thank you for the info.
You can try this css code to make sure that the gallery resizes to at least 98% of the browser’s viewport height.
.slick-slider, .slick-slider .slick-list, .slick-slider img { min-height: 98vh; }
This screenshot was taken from a screen emulation with a resolution of 3440×1440 pixels. (see private field.)
Best regards,
IsmaelHi,
Have you tried purging the cache? Please provide the login details in the private field so that we can check the site properly.
Best regards,
IsmaelDecember 4, 2024 at 11:53 am in reply to: How to display icon in button which is in image slide in fullwidth easy slider #1472900Hi,
Just one thing which I want to change: I want the icon on the right side.
To move the icon to the right, please update the css code with this:
#top .av-slideshow-caption.av-jqqjz4n5-fe3605ba570a187c18a9e721a6eef45d__0 .avia-slideshow-button:before { display: block; width: 10px; height: 10px; position: absolute; right: 12px; top: 15px; content: ''; font-family: 'entypo-fontello'; } #top .av-slideshow-caption.av-jqqjz4n5-fe3605ba570a187c18a9e721a6eef45d__0 .avia-slideshow-button { padding-right: 30px; }
Best regards,
IsmaelHi,
Great! Glad to know that you found a working solution. Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelDecember 4, 2024 at 11:51 am in reply to: Dia slideshow element: changing h-tag, overlay and location/font size title #1472898Hi,
Sorry for the delay. Glad to know that the suggestion worked. To remove the background of the caption text, please include the following code inside the css media query:
.avia-slideshow.av-m3vkqh71-4e1d1fba30600cffcf1218dbcfe528bd .avia-caption .avia-caption-title { background: transparent; }
Best regards,
IsmaelHi,
But: Where do I enter “a custom class to the masonry : mixed-contenttype”
Try adding the custom class in the Advanced > Developer Settings > Custom CSS Class field.
declare “custom-links to those images ( video or website urls)”?
When selecting images for the Masonry Gallery in the Media > Library, there should be a Custom Link field, right on top of the Copyright field. Please check the screenshot in the private field.
Best regards,
IsmaelHey williamslyd,
Thank you for the inquiry.
What happens when you add this hook?
add_action('wp_head', function () { remove_action('wp_head', 'wp_no_robots'); remove_action('wp_head', 'wp_generator'); remove_action('wp_head', 'wp_robots'); });
This should disable the default rendering of meta robots tags.
Best regards,
IsmaelDecember 4, 2024 at 11:21 am in reply to: Page builder not working on 6.7.1 WP update, displaying white blanc page. #1472890Hi,
Thank you for the update.
How can we share screenshots here ?
You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHi,
For the list in the footer container, please add this at the very bottom:
#top #main #footer-page ul.avia-icon-list.av-iconlist-small li:before { background-image: url(/wp-content/uploads/2024/12/ProfoundPlanning_Stacked_White.png); }
Best regards,
IsmaelHey tonyiatridis,
Thank you for the inquiry.
The post navigation seems to be displaying correctly when checked. If you need the navigation to display only a single category, please add this filter to the functions.php file:
add_filter( 'avf_post_nav_settings', 'avf_post_nav_settings_mod', 10, 1); function avf_post_nav_settings_mod($settings) { $settings['same_category'] = true; return $settings; }
Best regards,
IsmaelHey whdsolutions,
Thank you for the inquiry.
It seems to be an issue with the animation. Please add this css code to temporarily fix the issue:
@media only screen and (max-width: 989px) { /* Add your Mobile Styles here */ .avia_transform .av-animated-generic { opacity: 1; } }
Best regards,
IsmaelHi,
Thank you for the update.
The images appear fully visible on our end with a screen resolution of 1920x1080px. What is your monitor’s screen resolution? If you want the image to match the height of the browser, you could try using the Fullscreen Slider.
Best regards,
IsmaelHi,
Thank you for the inquiry.
You have the option to automatically refresh the page once the user accept the cookies. Please go to Enfold > Privacy & Cookies > Cookie Handling > Advanced Options section, then adjust the Auto Reload Page settings accordingly. Another option is to add a note instructing users to refresh the page after accepting the cookies.
Best regards,
IsmaelDecember 4, 2024 at 10:53 am in reply to: How to display icon in button which is in image slide in fullwidth easy slider #1472876Hi,
Thank you for the update.
We adjusted the css a bit — please try it again. The icon is inside the content property
content: '';
In order to extract an icon or symbol, you will need to inspect the element (button, icon list etc) with the icon and copy the value of the data-av_icon attribute. Please refer to the documentation below to learn more about inspecting elements in the browser.
// https://kriesi.at/documentation/enfold/add-custom-css/#how-to-inspect-an-element-on-the-page
Best regards,
IsmaelHi,
It hides buttons but still divides content to pages
If you want to display all posts, adjust the value of the Blog pages show at most field in the Settings > Reading panel. If the Advanced Layout Builder is active for the blog page, make sure that the posts element’s (Blog Posts, Magazine, Masonry, etc.) Styling > Pagination > Post Number is set to All.
Best regards,
IsmaelHi,
Thank you for the login token.
Notice the second set of images. These are not the same height.
Which set are you referring to? The logo images seem to be displaying correctly, and the image Nyheter-Komplett-Taksering.jpg seems to have the same height as the image beside it. Please provide a screenshot of the issue using platforms like Savvyify, Imgur, or Dropbox.
Best regards,
IsmaelHi!
Thank you for the update.
We adjusted the script a bit — please try it again. If it’s still not working, please provide the login details in the private field so that we can test it.
function ava_custom_script_tab_section_scroll() { ?> <script type="text/javascript"> (function($) { function avScrollToTab(hash) { if (!hash) return; var anchorElement = $('[href="' + hash + '"]'); var parentTab = anchorElement.closest('.av-layout-tab'); var tabSectionId = parentTab.data('tab-section-id'); if (tabSectionId) { var targetTab = $('.av-section-tab-title[href="#' + tabSectionId + '"]'); if (targetTab.length) { var position = targetTab.offset().top; targetTab.trigger('click'); setTimeout(function() { $('html, body').animate({ scrollTop: position - 100 }, 500); }, 300); } } } $(document).ready(function() { $(window).on('load', function() { avScrollToTab(window.location.hash); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_tab_section_scroll', 9999);
Best regards,
IsmaelHi,
Will it work with google fonts too
Yes, you can download the Google font and then add the @font-face rule to manually load it.
Example:
@font-face { font-family: 'Open Sans'; src: url('https://cdn.example.com/fonts/OpenSans-Regular.woff2') format('woff2'), url('https://cdn.example.com/fonts/OpenSans-Regular.woff') format('woff'); font-weight: 400; /* Regular */ font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('https://cdn.example.com/fonts/OpenSans-Bold.woff2') format('woff2'), url('https://cdn.example.com/fonts/OpenSans-Bold.woff') format('woff'); font-weight: 700; /* Bold */ font-style: normal; }
Best regards,
IsmaelHi,
Thank you for the update.
The map seems to be displaying correctly on the contact page, as shown in the screenshot below (see private field). Did you manage to resolve the issue? If not, please provide the login details in the private field so we can investigate further.
Best regards,
IsmaelHi,
Thank you for the update.
Please try this script instead:
function ava_custom_script_tab_section_scroll() { ?> <script type="text/javascript"> (function($) { function avGetHashFromEvent(event, target) { if (event === 'load') { return window.location.hash; } var locationHash = $(target).attr('href'); return locationHash ? locationHash.substring(locationHash.indexOf('#')) : ''; } function avScrollToTab(hash) { if (!hash) return; var tab = $('.av-section-tab-title[href="' + hash + '"]'); var parentContainer = tab.closest('.av-tab-section-outer-container'); if (tab.length && parentContainer.length) { var position = parentContainer.offset().top; tab.trigger('click'); setTimeout(function() { $('html, body').animate({ scrollTop: position - 100 }, 500); }, 300); } } function avTriggerScrollToTab(selector, event) { $(selector).on(event, function(e) { var hash = avGetHashFromEvent(event, this); avScrollToTab(hash); }); } $(document).ready(function() { var tabs = $('.av-tab-section-container'); if (tabs.length === 0) return; avTriggerScrollToTab('.menu-item a', 'click'); $(window).on('load', function() { avScrollToTab(window.location.hash); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_tab_section_scroll', 9999);
Best regards,
Ismael -
AuthorPosts