Right now I’m testing this on a staging site, so you can look at it there. I’ll provide credentials. Feel free to use the form to register/test/etc.

How it works is this:
Visitors go to the /register page, and complete the multi-step form. This is implemented using Gravity Forms, with the form shortcode on this page. I am using the Pro version of Gravity Forms and the User Registration add-on, so after the user submits the form, they are emailed a link to activate their account. When the click the link, they are taken to a page using active.php (in my child theme, per the directions at https://gravitywiz.com/customizing-gravity-forms-user-registration-activation-page/). This is the page that I’m attempting to format. I’ll also need to format the error and success versions of that page as well.

The active.php code is:

<?php

global $gw_activate_template;

define( 'WP_INSTALLING', true );

$gw_activate_template = new GWActivateTemplate();
$gw_activate_template->template();

class GWActivateTemplate {

    function __construct( $args = array() ) {

        extract( wp_parse_args( $args, array(
            'template_folder' => basename( dirname( __file__ ) )
            ) ) );

        $this->template_folder = $template_folder;

        $this->load_gfur_signup_functionality();
        $this->hooks();

    }

    function load_gfur_signup_functionality() {

        if( function_exists( 'gf_user_registration' ) ) {
            $signups = gf_user_registration()->get_base_path() . '/includes/signups.php';
        } else {
            $signups = GFUser::get_base_path() . '/includes/signups.php';
        }

        // include GF User Registration functionality
        require_once( $signups );
        GFUserSignups::prep_signups_functionality();
    }

    function hooks() {

        add_action('body_class', create_function('$classes', '$classes[] = "gfur-activate"; return $classes;'));

    }

    function do_activate_header() {
        do_action( 'activate_wp_head' );
    }

    function wpmu_activate_stylesheet() {
        ?>
        <style type="text/css">
            form { margin-top: 2em; }
            #submit, #key { width: 90%; font-size: 24px; }
            #language { margin-top: .5em; }
            .error { background: #f66; }
            span.h3 { padding: 0 8px; font-size: 1.3em; font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; font-weight: bold; color: #333; }
        </style>
        <?php
    }

    function has_activation_key() {
        return !empty($_GET['key']) || !empty($_POST['key']);
    }

    function get_activation_key() {

        if( isset( $_GET['key'] ) && $_GET['key'] )
            return $_GET['key'];

        if( isset( $_POST['key'] ) && $_POST['key'] )
            return $_POST['key'];

        return false;
    }

    function is_blog_taken( $result ) {
        return 'blog_taken' == $result->get_error_code();
    }

    function is_blog_already_active( $result ) {
        return 'already_active' == $result->get_error_code();
    }

    function template() {

        do_action( 'activate_header' );

        add_action( 'wp_head', array( $this, 'do_activate_header' ) );
        add_action( 'wp_head', array( $this, 'wpmu_activate_stylesheet' ) );

        get_header();

        ?>

        <div id="content" class="widecolumn">

            <?php if ( !$this->has_activation_key() ) {

                get_template_part( $this->template_folder . '/activate', 'no-key' );

            } else {

                $key = $this->get_activation_key();
                $this->result = GFUserSignups::activate_signup($key);

                if ( is_wp_error( $this->result ) ) {

                    get_template_part( $this->template_folder . '/activate', 'error' );

                } else {

                    get_template_part( $this->template_folder . '/activate', 'success' );

                }

            } ?>

        </div>

        <script type="text/javascript">
            var key_input = document.getElementById('key');
            key_input && key_input.focus();
        </script>

        <?php

        get_footer();

    }

}

?>

Right now, the activate page doesn’t display the theme header properly. It seems to be transparent and/or just not appearing at all, with the body of the page overlapping it.

Hi!

Ah, that works fine :-) Great!

Can I also change the font color and size?
Can I remove the border?

Can I set different submenu colors as well? Now they have red backgrounds as well :-(

All the best!

• This reply was modified 6 years, 4 months ago by vollstark.

Hello, Victoria,
Thank you for your answer.
Sorry, but it doesn’t work. I tried to insert the code in both ways, as you said, but nothing works.
I tried to change the size of the font but nothing moved.
With this code we act on the mega menu, but the height of the font of the mega menu does not bother me. Rather, it is the height of the link font (in the drop-down menus) that is the problem.
In addition, why some of the mega menu locations fit well (Example: LES PRIX –>Prix des kits de granulat de marbre).
Only “CONTACTS” and “RESI Group” do not register well. Why ?
Another thing again, I have several identical sites with the same ENFOLD theme. I don’t have this problem on the other sites. Why ?
I hope that these thoughts will help you.
Thank you in advance for your answer.
Eric Bertolaso (Kidbert6).

UPDATE

(1) I wonder if you wouldn’t mind just confirming that these are all needed in the avia folder:
(I’m trying to figure out why quick CSS often doesn’t work for a few days despite clearing cache)

avia-gutenberg-dynamic-enfold-child.css
enfold.css
enfold_child.css

(2) Great, I can confirm this code works LIKE A TREAT THANKS :-)

/* TAB SECTION ENFOLD SUPPORT – TRIAL 26 OCT 2019 */
.av-tab-section-outer-container:after {
content: ‘\e879’;
font-family: ‘entypo-fontello’;
font-size: 50px;
position: absolute;
top: 100px;
z-index: 1000;
right: 20px;
}

.av-tab-section-outer-container:before {
content: ‘\e878’;
font-family: ‘entypo-fontello’;
font-size: 50px;
position: absolute;
top: 100px;
z-index: 1000;
left: 20px;
}

Hi,
I entered the suggested code, but entered it does not change. I clean also the cache, but nothing.
All the code I entered for the accodiong is:
/*add icon in accordion*/
/* Custom Accordion Icon */
.family .toggler:before {
content: “\f104″;
font-family: flaticon;
position: relative;
font-size: 28px !important;
}

.family .toggler:before {
margin-right: 15px !important;
}

.family [data-fake-id=”#toggle-id-2”] {
content: “\f105”;
font-family: flaticon;
}

.family .activeTitle .toggler:before {
content: “\f104”;
font-family: flaticon;
}

.js_active .av-elegant-toggle .toggler {
padding: 35px 60px 30px 15px;
}

Another suggestion?
Thank you.

Hi Nikko,

I will try on Staging first – but will you add the fix to the next Enfold release? This is not just happening to this site, right? Otherwise, it would be wise to find out what is causing it.

As for the Avia buttons: they do not show on any browser, this is a Widget on the footer, and my apologies, these are Avia font icons:

[ av_font_icon icon=’ue8f4′ font=’entypo-fontello’ style=” caption=’Facebook’ link=’manually,https://www.facebook…’ linktarget=’_blank’ size=’40px’ position=’left’ color=”][ /av_font_icon]

Like this but only on the footer of the blog (all the other pages and posts are perfect):

Thank you, Nikko!

Havi

Hi Rikard,

Thank you for your reply. I have turned off all the compressions and enabled the deletion of old js/css files – however the font colour is still not changing. Just like before, it seems to only work for font size. I also emptied my caches of the browser and tried in different browsers.

Hi Victoria,

thanks. But both methods seems not to work…

And the second part of my question was how to reduce the font-size of the buttons. Comparing with the text the buttons are really big…

Best regards,
Sophie