Forum Replies Created
-
AuthorPosts
-
June 30, 2024 at 8:20 pm in reply to: How to add a border around an text with image element? #1460670
Hi,
#1: has an extra divs around the text that none of the other do, I assume this is an error, check your code in the text block in the “text” tab in instead of “visual”
all of the other ones are two H2 tags like this:
#2: this is a div column like all of the others, only it has no text block in it, I assume you will be adding one?
If not use this css instead to exclude it:#top.page-id-502 #av_section_1 .flex_column.av_one_half:not(.avia-builder-el-9) { border: 1px solid #cccccc; }
Best regards,
MikeJune 30, 2024 at 5:41 pm in reply to: German pages / posts OK, English don’t load properly and layout/font is wrong #1460655June 30, 2024 at 5:29 pm in reply to: How to add a border around an text with image element? #1460652Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.page-id-502 #av_section_1 .flex_column.av_one_half { border: 2px solid; } #top.page-id-502 #av_section_1 .flex_column.av_one_half h2:nth-child(2) { padding-right: 20px; }
you may need to adjust the image in the middle one, it is adding white space, perhaps the image is not wide enough? All of the other images look good.
Best regards,
MikeHey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.responsive #header_main .container { max-width: 100%; }
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 this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-image-container.blue-info .av-image-caption-overlay-center { color: #222222; }
Best regards,
MikeHey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#footer-title { font-size: 38px; font-weight: bold; font-family: arial; color: #222; float: right; top: -38px; position: relative; left: -10%; }
Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function custom_script() { ?> <script> document.addEventListener("DOMContentLoaded", function() { var titleText = document.querySelector("h1.av-special-heading-tag").textContent; var footerTitleDiv = document.createElement("div"); footerTitleDiv.id = "footer-title"; footerTitleDiv.textContent = titleText; document.getElementById("socket").appendChild(footerTitleDiv); }); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.blue-info .av-image-caption-overlay { border-top: 0px; border-bottom: 0px; } #top .blue-info .avia-image-overlay-wrap .av-caption-image-overlay-bg { opacity: 1 !important; background-color: #c8ebf8 !important; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Do you have this sorted out now, shall we close this thread then?Best regards,
MikeHey oblax,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter( 'avf_enqueue_wp_mediaelement', 'avia_always_load_mediaelement', 10, 2); function avia_always_load_mediaelement($condition, $options) { $condition = true; return $condition; }
Best regards,
MikeJune 30, 2024 at 3:31 pm in reply to: Add google font to enfold and still being DSGVO compatibel #1460635Hi,
Seems to work when I try:
see the link below. But see Guenni007 post about using Transfonter here where he points out that the Font Kit Generator from FontSquirrel does not support the font family option.Best regards,
MikeJune 30, 2024 at 3:17 pm in reply to: [Security Alert]: Polyfill.io Issue for Google Maps Platform users #1460633Hi,
There is no link to polyfill.io in the theme, the theme only uses wp-polyfill, that is the built-in WordPress polyfill file at /wp-includes/js/dist/vendor, so even if the theme didn’t have this reference the WordPress core still does, so I believe this will still be an issue until WordPress removes it.
You can see the open issue here, it is open to the public.Best regards,
MikeHi,
When switching to enfold als current theme (instead of the child) it is not happening, simply because the postslider is not sliding at that point. It just shows the items (correct).
I’m not understanding what you mean, your postslider looks the same as our demo, have you customized the element somehow? Perhaps this is the issue?
Best regards,
MikeHi,
Typically you would drag the elements into the LayerSlider where you want to see them, try checking the free LayerSlider templates for one similar to what you want to achieve:
Also note that typically you will need to create two sliders, one for desktop and one for mobile because the desktop screen is landscape and the mobile screen is portrait.Best regards,
MikeHi,
When I test the script it seems to work, perhaps you made an error when you added it to your functions.php file, often the the symbols are converted, try again and if you have further trouble include a admin login in the Private Content area so we can examine.Best regards,
MikeHi,
Thanks Guenni007, Deef, try disabling your plugins and if this doesn’t help try enabling the parent theme to see if there is something in your child theme causing this. Also it looks like you are still using v5.5, above you said that you updated but we are using v5.7.1 now.
If none of this helps include a admin login in the Private Content area so we can examine closer.Best regards,
MikeJune 29, 2024 at 11:38 pm in reply to: Updated to the Latest Enfold and Menu is Not Working #1460434Hey A-Wise,
When I compare the two sites I don’t see any differences, perhaps you have already solved this?Best regards,
MikeJune 29, 2024 at 11:32 pm in reply to: [Security Alert]: Polyfill.io Issue for Google Maps Platform users #1460431Hi,
I have reported this issue here feel free to review it and add any comments and subscribe to it to follow as the Dev Team reviews it.Best regards,
MikeJune 29, 2024 at 10:38 pm in reply to: [Security Alert]: Polyfill.io Issue for Google Maps Platform users #1460409Hi,
Thanks for sharing manurimini
The theme doesn’t include polyfill or link to a external one, but uses the registered WordPress version with the relative path of /wp-includes/js/dist/vendor note that this path is in the WordPress files.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,
MikeHey oliverb71,
It looks like most of your post images are the same size that then show in a ordinary way, but some of your images are much smaller because they are only logos. It also looks like you don’t show any of these featured images on the post page, but are only used for the thumbnails.
So I recommend ensuring that all of your featured image thumbnails are the same size, try imageresizer.com it is a free tool to crop your images.
If you use different sizes WordPress will use the closest thumbnail size, but it may not always be the same size, this is why it would be better if you manually ensure they are all the same size.Best regards,
MikeHi,
I checked all of the posts on the blog page that you linked to, only the first post doesn’t show the “next” post navigation, this is expected since it is your latest post, thus there is only a “previous” post. All other posts show both “next” and “previous” post navigationsBest regards,
MikeHi,
To add a border radius to the images in #bc-custom-section for bothe desktop and mobile, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #bc-custom-section div .flex_column a.avia_image { border-radius: 30px; }
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 bemodesign,
It is not clear what code you added, perhaps you added this:#top.single-product .product_meta { visibility: hidden; }
but you should have used:
#top.single-product .product_meta { display: none; } #top div.product .woocommerce-tabs { padding: 0; }
I added this for you, please check.
Best regards,
MikeHi,
To change the logo link for the four pages I added this code in your wpcode plugin:add_filter('avf_logo_link','av_change_logo_link'); function av_change_logo_link($link) { if(is_page( array(132, 594, 598, 518) ) ) { $link = "https://pediatriccarec.wpenginepowered.com/teen-and-young-adult-care-center/"; } return $link; }
please check.
Best regards,
MikeHey pierremartin311,
Thanks for the link to your page, it looks like you have some custom css to change the width of the images and this is causing the issue. Using css to change the size of the element before it is loaded can cause issues, try removing this custom css.
Another option would be to reload the page when the tabs are clicked, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($){ $(".tab").click(function(){ location.reload(true); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHi,
Glad to hear that you have this sorted out, we will close it for you. 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,
Mike -
AuthorPosts