Forum Replies Created

Viewing 30 posts - 3,871 through 3,900 (of 34,963 total)
  • Author
    Posts
  • Hey beverlystone,
    To restructure the table for mobile view from this:
    Enfold_Support_4894.jpeg
    to this:
    Enfold_Support_4896.jpeg
    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:
    Enfold_Support_4898.jpeg
    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,
    Mike

    in reply to: How do I set up the “Enfold Lifestyle Blog” #1436144

    Hi,
    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,
    Mike

    in reply to: Video 100% width – Automatic caps on mobile #1436143

    Hi,
    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,
    Mike

    in reply to: image caption font on mobile #1436140

    Hi,
    It looks like the h2 text above the images is using Archivo Black.

    Best regards,
    Mike

    in reply to: Problem with Theme Registration #1436139

    Hey 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,
    Mike

    in reply to: trasparent table with no borders #1436135

    Hi,
    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

    in reply to: image caption font on mobile #1436134

    Hi,
    ** 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,
    Mike

    in reply to: image caption font on mobile #1436133

    Hi,
    Thanks for the login, for me the font looks correct:
    Enfold_Support_4891.jpeg
    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,
    Mike

    in reply to: border #1436128

    Hi,
    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,
    Mike

    Hey 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,
    Mike

    in reply to: Tabs element – disable vertical mode on mobile #1436123

    Hey Pasteta,
    Please link to your page so that we can understand better.

    Best regards,
    Mike

    in reply to: border #1436122

    Hi,
    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,
    Mike

    in reply to: Blog categories and alignment #1436120

    Hi,
    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,
    Mike

    in reply to: trasparent table with no borders #1436119

    Hi,
    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,
    Mike

    in reply to: Change image size in blog post #1436118

    Hi,
    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:
    Enfold_Support_2680.jpeg
    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,
    Mike

    in reply to: image caption font on mobile #1436094

    Hi,
    Please include an admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    in reply to: Swap rollover opacity functionality #1436093

    Hi,
    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

    in reply to: trasparent table with no borders #1436092

    Hey Gianluca,
    I assume that you mean this element:
    Enfold_Support_4887.jpeg
    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:
    Enfold_Support_4889.jpeg

    Best regards,
    Mike

    in reply to: image caption font on mobile #1436089

    Hi,
    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,
    Mike

    in reply to: Swap rollover opacity functionality #1436087

    Hi,
    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,
    Mike

    in reply to: Replace or add an icon in the symbol list #1436085

    Hey Roswitha,
    Do you mean the Icon Circles element, ue812 should be available:
    Enfold_Support_4883.jpeg
    or do you mean the timeline element?
    Enfold_Support_4885.jpeg
    Those are the only two elements I see on your page that use an icon. Did you mean something else?

    Best regards,
    Mike

    in reply to: Swap rollover opacity functionality #1436083

    Hey joschro,
    Please link to an example page so we can examine the css closer.

    Best regards,
    Mike

    in reply to: Google Consent Mode v2 #1436081

    Hey 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,
    Mike

    in reply to: Google consent mode v2 #1436080

    Hey 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,
    Mike

    in reply to: Change image size in blog post #1436079

    Hi,
    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,
    Mike

    in reply to: Do not display title on lightbox images #1436074

    Hi,
    That would not be an issue and probably the best solution for your situation.

    Best regards,
    Mike

    in reply to: Carrusel images with title #1436072

    Hi,
    It looks like you have doubled some of the code:
    Enfold_Support_4881.jpeg
    unfortunately the change can only be made via FTP, please try to correct to what Ismael has above.

    Best regards,
    Mike

    in reply to: Do not display title on lightbox images #1436071

    Hey joschro,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .mfp-bottom-bar .mfp-title {
    	display: none;
    }

    Best regards,
    Mike

    in reply to: Remove Enfold Theme by Kriesi in footer #1436070

    Hi,
    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

    in reply to: image caption font on mobile #1436069

    Hey Munford,
    Your css for 2em on mobile is working when I check, except for the first one that has it’s own css:

    #top .heliko .av-image-caption-overlay-center {
        font-size: 4em !important;
    }

    Try changing the hotspot animation in the element settings:
    Enfold_Support_4879.jpeg

    Best regards,
    Mike

Viewing 30 posts - 3,871 through 3,900 (of 34,963 total)