Hey joschro,

Please try the suggestions listed here: https://kriesi.at/documentation/enfold/contact-form/#my-contact-form-is-not-sending-emails-

Best regards,
Rikard

Hi StephenStamp,

The Icon element is an element in the Enfold Layout Builder, please create a new page then drag the element in question to your layout.

Best regards,
Rikard

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey Lin84,

Thank you for the inquiry.

Which blog layout did you select? Did you toggle the Blog Post Date in the Enfold > Blog Layout > Blog Meta Elements section? If you’re using the Grid Layout, please try this css code:

.responsive #top.archive .slide-meta time, .responsive #top.archive .slide-meta time  + .slide-meta-del {
    display: none;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Are you referring to the first section on every page? You can replicate this layout by adding a Color Section element at the very top of the pages and applying a different background image for each page. Please check the documentation below for more info:

// https://kriesi.at/documentation/enfold/color-section/

Best regards,
Ismael

Hey Bruno,

Thank you for the inquiry.

We may need to reset the database before attempting to import the demo. Would that be alright? Have you tried importing the XML files?

// https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

Best regards,
Ismael

Hey hector1069,

Thank you for the inquiry.

The site already has content and installed plugins when we checked. Is it alright if we reset the database and remove the existing content? We have to do this before manually importing the demo.

If you want to try it yourself, please check this documentation: https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

Best regards,
Ismael

Hi,
Glad that we could help, you can easily add more pages to the Freelancer demo, you can add new blank pages and add the elements you want or you can duplicate your homepage and change the images and text to suit:

For payments you can use the free version of WooCommerce, and there is a free version of Bookings for WooCommerce – Schedule Appointments, I have not used this plugin but you could try it.

Best regards,
Mike

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

Hi,
Glad to hear that you find this helpful, thanks to Guenni007 for pointing out that the needed css may not always be loaded correctly, so I added the css into the shortcode and I changed the date attribute to include a time so you can better choose a start date & time. I also added a format attribute so you can choose what will show, like the “Smallest time unit” and “Largest time unit”
So the shortcode to use on the page is now like this: [custom_countup date=”2024-03-01 00:00:00″ format=”weeks,days,hours,minutes,seconds” color=”#000″ background=”#f8f8f8″] you can remove the time units that you don’t want to show.

But please note that if you only show hours & days, the day element will only show up to 7 days even if you have the week element hidden, so you will not see “13” days, the same is for the calculation on all of the elements. This is the new code:

function wp_custom_countup_shortcode($atts) {
    $a = shortcode_atts(array(
        'date' => '2020-01-01 00:00:00',
        'color' => 'black',
        'background' => 'white',
        'format' => 'weeks,days,hours,minutes,seconds', 
    ), $atts);

    $uid = uniqid('countup_');
    wp_enqueue_script('jquery');

    $formatParts = array_map('trim', explode(',', $a['format']));
    $htmlParts = array();

    foreach ($formatParts as $part) {
        if (in_array($part, ['weeks', 'days', 'hours', 'minutes', 'seconds'])) {
            $htmlParts[] = "<span class='av-countdown-cell av-align-center' style='color: {$a['color']};'><span class='av-countdown-cell-inner' style='background-color: {$a['background']};'><span class='av-countdown-time {$part}'></span><span class='av-countdown-time-label'>" . ucfirst($part) . "</span></span></span>";
        }
    }

    $html = "<div id='{$uid}' class='av-countdown-timer-inner'>" . implode("\n", $htmlParts) . "</div>";

    $serverTimeAtPageLoad = current_time('timestamp', true) * 1000;

    $jsParts = [];
    foreach ($formatParts as $part) {
        $jsParts[] = "'{$part}': Math.floor(" . ($part == 'weeks' ? "distance / (1000 * 60 * 60 * 24 * 7)" : ($part == 'days' ? "(distance % (1000 * 60 * 60 * 24 * 7)) / (1000 * 60 * 60 * 24)" : ($part == 'hours' ? "(distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)" : ($part == 'minutes' ? "(distance % (1000 * 60 * 60)) / (1000 * 60)" : "(distance % (1000 * 60)) / 1000")))) . ")";
    }

    $html .= "<script>
                jQuery(function($) {
    var countUpDate = new Date('{$a['date']}').getTime();
    var serverTimeAtPageLoad = {$serverTimeAtPageLoad};
    var x = setInterval(function() {
        var now = new Date().getTime();
        var elapsedTime = now - serverTimeAtPageLoad;
        var serverNow = serverTimeAtPageLoad + elapsedTime;
        var distance = serverNow - countUpDate;

        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        var weeks = Math.floor(days / 7);
        days -= weeks * 7; 

        var timeParts = {
            'weeks': weeks,
            'days': days,
            'hours': hours,
            'minutes': minutes,
            'seconds': seconds
        };

        Object.keys(timeParts).forEach(function(key) {
            $('#{$uid} .' + key).text(timeParts[key]);
        });
    }, 1000);
});
</script>";

    $html .= "<style>
    .av-countdown-timer-inner { display: table; width: 100%; table-layout: fixed; }
    .av-countdown-cell { display: table-cell; }
    body .av-align-center { text-align: center; }
    .av-countdown-cell-inner { display: block; vertical-align: baseline; border-style: solid; border-width: 1px; margin: 2px; padding: 20px; }
    .av-countdown-time { display: block; font-size: 40px; line-height: 1em; font-weight: 100; text-decoration: none; }
    .av-countdown-time-label { display: block; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; line-height: 1.65em; }
    @media only screen and (max-width: 767px) {
        .responsive .av-countdown-cell-inner { padding: 12px 7px; }
        .responsive .av-countdown-time { font-size: 30px; }
        .av-countdown-time-label { text-transform: none; }
    }
    @media only screen and (max-width: 989px) {
        .responsive .av-countdown-cell-inner { padding: 10px 10px; }
    }
    </style>";

    return $html;
}
add_shortcode('custom_countup', 'wp_custom_countup_shortcode');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hey Arti,

If things are working as expected when the parent theme is active, then the problem is likely coming from your child theme. Please try to remove all your customisations from the child, then add them back one by one to see when the problem starts.

You can export and import theme settings under Enfold->Import/Export.

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

#instagramfeed .container {
  max-width: 100%;
  padding: 0;
}

Best regards,
Rikard

Hi,
On my category pages the name of the category is on top:

This is set at Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs

and the date is set at Enfold Theme Options ▸ Blog Layout ▸ Blog Meta Elements

Please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line and helps us as mods assist better. This thread is getting quite long now, for further questions please open a new thread Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,
Please try the non-breaking space:  

Best regards,
Mike