Forum Replies Created
-
AuthorPosts
-
Hi,
Now that I have seen your contact form I understand better, you can create a custom response and remove the default info, for example try this in your child theme functions.php:add_filter("avf_contact_form_autoresponder_mail", function($mail_array, $new_post, $form_params, $class) { $mail_array["Message"] = "Hello " . $new_post["1_1"] . "!\n" . " your message " . $new_post["4_1"] . " has been recived "; return $mail_array; }, 10, 4);$new_post[“1_1”] is your name field
$new_post[“4_1”] is your message field, change the language to suit.
I don’t see Deine Nachricht on your contact form so maybe you meant inside of your autoresponder message, the above code will not show this now.Best regards,
MikeMarch 3, 2024 at 9:13 pm in reply to: CSS modifications don’t apply to child theme stylesheet #1436171Hi,
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 joschro,
This sounds like you are linking to a page with a portfolio gallery on it and then clicking the thumbnail goes to the portfolio page.
In the menu you can directly link to a portfolio page, perhaps this is related to another post you had where the portfolio items were hidden in the menu page, perhaps that answer also solves this one?Best regards,
MikeHi,
Thanks, I was able to login but didn’t find anything that might cause this.Best regards,
MikeHi,
Thanks for your patience and the link to your example page, I’m not sure how close we could make a standard post page look like your examine, try using the Advanced Layout Builder to create your post page with a color section at the top with a background image and then place a column under it with a negative top margin and text so they overlap.Best regards,
MikeHi,
On the search results page that I checked the font is 13px:

If your search results page is different please link directly to it.
If you are using Relevanssi see their documentation for changing the search results.Best regards,
MikeHey Tilman,
Thanks for your patience, do you mean that you want to add the text “Ich stimme der Speicherung Daten zu, um eine Bestätigung zu erhalten.” to the autoresponder message?
Have you tried adding it to the Autorespond Text After Form Labels field:

The easiest way to change “Deine Nachricht” into “Ihre Angaben” on the front end is with javascript, please link to your page so we can examine.Best regards,
MikeHi,
Thanks for your patience, it looks like you have your color section set to a max height of 300px, so I checked your page with different screen sizes emulating different devices and the color section stays at 300px, your image inside changes due to the aspect. So if using center center is cuting too much of the top of the image try using top center:so the top of the lady’s head will always show.
Or you can fine tune it with css like this:#av_section_1.avia-section { background-position: 50% 10%; }Or I guess you can create different images at different sizes to show for different screen sizes using the Element Visibility options, but I’m not sure this would be practical.
Best regards,
MikeHey rosarot,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.search-results .template-search article.blog-grid { width: 32%; float: left; clear: right; }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,
MikeMarch 3, 2024 at 7:04 pm in reply to: CSS modifications don’t apply to child theme stylesheet #1436150Hi,
I don’t see any misplaced div’s in your snippet above but when I check the two sites above, the site with the error has 4 tabs but only 3 tab sections, the first tab doesn’t have a tab section. Between the tab on the two pages the Collège 1 – Collectivités sections have a different number of elements, so I wonder if there is an unclosed strong tag and another html tag, this is the most common reason for errors.
Try using the Avia Layout Builder Debugger and copy the content from the correct page and paste it into the page with the error and see if this corrects. If not try creating a new page with the copied debugger code from the good page and see if the error occurs again.
Sometimes when a major error is saved into the database replacing the page is the only way to correct.Best regards,
MikeHi,
Thanks for your patience, I asked the rest of the team for ideas about this but we didn’t have any and we are not able to reproduce this on our test sites, but I check your site again and noticed that the add to cart buttons on the page linked below work correctly and the item shows in the cart icon without reloading the page.
But when you go to one of the product pages the add to cart button works at first but then quickly the page reloads which clears the cart icon. I believe it is this reloading of the page that causes the error, on our demo site the page doesn’t reload when you add a item to the cart.
Do you have any scripts that have a onclick function that might cause the page to reload?
I was not able to login 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,
MikeMarch 3, 2024 at 5:50 pm in reply to: Table Stackin on Mobile, Easy Sider Arrows on Mobile, Accordion Sort Not Working #1436146Hey beverlystone,
To restructure the table for mobile view from this:

to this:

I added this javascript to your WP Code plugin as a new snippet, and in the top right corner I used the javascript snippet as the code type:

and then saved.document.addEventListener("DOMContentLoaded", function() { function restructureTableForMobile() { var screenWidth = window.innerWidth; var tables = document.querySelectorAll('tbody'); if (screenWidth <= 767 && tables.length > 0) { tables.forEach(function(table) { var rows = table.querySelectorAll('tr'); var newTableStructure = document.createDocumentFragment(); var columns = rows[0].children.length; for (let colIndex = 0; colIndex < columns; colIndex++) { var newRow = document.createElement('tr'); rows.forEach(function(row, rowIndex) { var cell = row.children[colIndex].cloneNode(true); newRow.appendChild(cell); }); newTableStructure.appendChild(newRow); } table.innerHTML = ''; table.appendChild(newTableStructure); }); } } restructureTableForMobile(); window.addEventListener('resize', restructureTableForMobile); });This will also work for multiple tables on the page, so I added another table to demonstrate, please check.
Best regards,
MikeHi,
After installing the child theme you need to Import Settings From Your Parent Theme, at Enfold Theme Options ▸ Import/Export ▸ Import Settings from your Parent Theme I did this for you, please clear your browser cache and check.Best regards,
MikeHi,
Thank you for the link to your site, the reason your “Benvenuto” title is two different cases is because you are using two different elements, the mobile one is inside of the entry-content-wrapper container so the default css makes it uppercase, while the desktop version is outside of the container in another color section so the css doesn’t work there.
So to solve you can try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: lowercase; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
It looks like the h2 text above the images is using Archivo Black.Best regards,
MikeHey cruetimann,
It sounds like you have selected all of the permissions, which is not correct, the internal token field requires specific permissions, please see the correct ones in our documentation
Please note that the official Envato market plugin uses fewer permissions, if you use the plugin then please follow the plugin settings page details.
Please also note the Envato limits the number of checks per 24 hours, I believe it is 20 for all combined licenses, so if you have been struggling and hitting the check button many times you might be over the limit, so try waiting a day.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,
** Correction the hotspot animation settings are for the whole element not for the hotspot circles themselves.
So I added this css for you:.avia_transform.js_active #top .avia_animated_image .av-display-hotspot { animation: avia-fadein 1.5s 1 ease-out; opacity: 1; } .avia_transform.js_active #top .avia_animated_image .av-image-hotspot .av-permanent-tooltip-single { animation: avia-fadein 1.5s 1 ease-out; opacity: 1; transition: none; }clear your browser cache and check.
Best regards,
MikeHi,
Thanks for the login, for me the font looks correct:

but I found in your css you captalized the font name so perhaps is is an issue for iPhone, so I changed this in your css, perhaps it will help.
As for your hotspots, I set the animation to none for now, and I will ask the Dev Team to review this issue.Best regards,
MikeHi,
Thanks for the feedback, to do this we must change the max width of the page, in your theme settings you have the max width set to 1310px so the inside container follow this.
So if you want to change this for every page I recommend changing this setting, but I assume that you want this change for only this one page so try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.responsive #top.page-id-4060 .container { max-width: 100%; width: 100%; padding: 0; }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.
If you find this too wide try removing the padding: 0; line in the css.Best regards,
MikeMarch 3, 2024 at 3:01 pm in reply to: CSS modifications don’t apply to child theme stylesheet #1436126Hey LoPld,
For your first question, I believe what you want is to have the burger menu show until 1240px, if this is correct then your css is wrong. Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (min-width: 768px) and (max-width: 1240px){ .responsive #top .av-main-nav .menu-item-avia-special { display: block!important; } #top #header .av-main-nav > li.menu-item { display: none!important; } .responsive #top .av-main-nav .menu-item-avia-special { display: block; } #top #header .av-main-nav > li#menu-item-search.menu-item { display: block!important; } .av-main-nav-wrap { float: right; } } @media only screen and (min-width: 990px) and (max-width: 1240px){ #top #header .av-main-nav > li#menu-item-search.menu-item { display: block!important; line-height: 118px; } #top #header .av-main-nav > li#menu-item-search.menu-item a { line-height: 118px; } .responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; color: #e8c100; } }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 Pasteta,
Please link to your page so that we can understand better.Best regards,
MikeHi,
Thanks for the screenshots, but I don’t think that I understand, do you want a white border around the lightbox image?
Please try to explain in more detail.Best regards,
MikeHi,
I see that you are using test post titles, do you believe that all of your tiltes will be about the same length, using the same number of rows?
If so this will be solved, otherwise try adding the real titles so we can see how many rows you will use. Offering a solution for these test titles may not work the same when you start using real titles.Best regards,
MikeHi,
To remove the text decoration from your icons, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#av_section_1.main_color .av_textblock_section a { text-decoration: none; }For your second question, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top.page-id-1191 #av_section_2.main_color .av-masonry-outerimage-container { background-color: transparent; }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,
Perhaps I read your question too quickly, I was looking for the css in the June 28 2023 post and this css in not in your Quick CSS.
But this code that is in your Quick CSS doesn’t belong there:add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['entry_without_sidebar'] = array('width'=>1200, 'height'=>630, 'crop' => true); return $size; }It belongs in your child theme functions.php file, but you are not using a child theme so it was probably in your Enfold functions.php and when you updated it was lost along with any other customizations.
If you are not going to use a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the code and save and you won’t lose it on updates.
Remember that for any new images that you added you will need to Regenerate the Thumbnails for the change to show.Best regards,
MikeHi,
Please include an admin login in the Private Content area so we can examine.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,
Mike -
AuthorPosts

