Forum Replies Created
-
AuthorPosts
-
March 3, 2024 at 5:50 pm in reply to: Table Stackin on Mobile, Easy Sider Arrows on Mobile, Accordion Sort Not Working #1436146
Hey 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,
MikeHey Gianluca,
I assume that you mean this element:

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top #av_section_1.main_color .av_textblock_section .avia_textblock table, #top #av_section_1.main_color .av_textblock_section .avia_textblock div, #top #av_section_1.main_color .av_textblock_section .avia_textblock td { border-color: transparent; background: transparent; } #top #av_section_1.main_color tr:nth-child(odd) { background: 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.
This is the expected results:

Best regards,
MikeHi,
This is not the font that I’m seeing, it looks like your screenshot is of an iPhone, please note that 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,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-hover-overlay-active .av-masonry-image-container { opacity: 1; } #top .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container { opacity: 0.7; }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 joschro,
Please link to an example page so we can examine the css closer.Best regards,
MikeHey limedrop,
The Dev Team is currently investigating this, but we don’t have any details to share at this time, When the Dev Team has more information they may reply here as this thead is in their notes, or please keep an eye on our Enfold – Upcoming fixes thread.
Thank you for your patience, and for using Enfold.Best regards,
MikeHey MM,
The Dev Team is currently investigating this, but we don’t have any details to share at this time, please keep an eye on our Enfold – Upcoming fixes thread this will be the first place further information about this will be posted.
Thank you for your patience, and for using Enfold.Best regards,
MikeHi,
Thank you for the link to your page, I don’t find the above css in your site css, and when I test bu injeting it in the browser it works, perhaps there is an error in your css like a missing bracket that is breaking it, try add the css to your WordPress ▸ Customize ▸ Additional CSS and see if that helps.
You could check your custom css for errors with this tool.Best regards,
MikeHi,
That would not be an issue and probably the best solution for your situation.Best regards,
MikeHey joschro,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.mfp-bottom-bar .mfp-title { display: none; }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




