The screenshot was of Google Tag Manager (GTM). I really want to use the GTM solution for form submit measuring. Apparently the built in “Form Submission” trigger, does not fire with the Enfold Form, since there is no page reload on submit. A solution would be if I catch the response of the form submission by CSS id in GTM. 2 Problems with this:

Thank you message code (div id) is very generic
The code is not very unique <div id="ajaxresponse_1" class="ajaxresponse ajaxresponse_1" style="display: block;"><div id="result_ajax_response_1" class="ajaxresponse ajaxresponse_1"><h3 class="avia-form-success ">Jouw bericht is verstuurd!</h3></div></div> but I can fix this with a Page Patch criterium in GTM.

Message stays in screen
The “thank you message” stays in the screen, so if the user accidentily opens the /contact/ page again, the trigger is fired twice and the submits are counted twice as well. Can this be avoided?
<img src="<img src=”https://i.ibb.co/qsc6cmm/2024-02-04-16-01-13-Clipboard.png&#8221; alt=”2024-02-04-16-01-13-Clipboard” border=”0″ />” alt=”Thank you message” />

• This reply was modified 5 months, 3 weeks ago by envis.
• This reply was modified 5 months, 3 weeks ago by envis.
• This reply was modified 5 months, 3 weeks ago by envis.
• This reply was modified 5 months, 3 weeks ago by envis.

Nikko,

This is new for me, are the classes stored inside the SVG-file? I just downloaded them from their respected websites.
So I have to change them manually? or is there another solution?

With kind regards,

Gerben

Nikko,

I had to escape the ” in one line of your code:
echo "<img src=\"{$thumb_src[0]}\" />";

Then it works, but with 2 major downsides:

1. Logo is extremely biga (looking into a CSS-fix)
2. The logo changes the colors of main logo (here the black in de logo is turned into yellow of van der valk logo)

Screenshot

Best regards,

Gerben

• This reply was modified 2 years, 5 months ago by envis.

Nikko,

The code puts the SVG on the page with size 1 by 1 px.
<img src="https://www.qsolarpanels.nl/wp-content/uploads/2022/01/Huawei_logo.svg" width="1" height="1">

So I added some code to make them show:

/* SVG brands overview */
div#our-brands-logo {
    margin-bottom: 20px;
}

div.our-brands-logo img[src$=".svg"] {
    height: 120px !important;
	width: auto !important;
}

The problem is now that the normal categorie show a large thumb above it. How can I show logo, but hide that thumb?

Nikko,

Notice: Undefined variable: size in functions.php on line 66

Line 66:
$thumb_src = wp_get_attachment_image_src( $thumbnail_id, $size );

Does this have to do with SVG image support?

• This reply was modified 2 years, 5 months ago by envis.

Nikko,

Thank you for your proposed solution. This displays 2 logos on the page and they are below the description of the brand. Can you tell me how I can adjust the code to display the logo above the content?

Screenshot of the brand page

Victoria,

I fixed it. Somehow I hadn’t setup the NEWS page in the Enfold settings.
Doh!

Thanks for your help.

Nikko,

That fixed it. I know that putting a space in an anchor is a bad idee (and I didn’t do it), but that shouldn’t cause a site to malfunction like that right?

Thank you very much :)
Everything works again!

Yigit,

Removed the entire Enfold theme and replaced it with version 4.05.
The problem persists.

I do use a bit of custom code to keep the gallery in view when paginating.
You guys helped me with this:

add_action( ‘wp_footer’, ‘enfold_customization_pagination_anchor’ );
function enfold_customization_pagination_anchor() {
?>
<script type = “text/javascript”>
jQuery(document).ready(function(){
jQuery(‘.pagination a’).each(function(i, e){
var url = jQuery(this).attr(‘href’);
jQuery(this).attr(‘href’, url + “#portfolio”);
});
});
</script>
<?php
}

Can this somehow influence the Tesitmonial rotator?

• This reply was modified 7 years, 3 months ago by envis.

I deactivated all plugins and still nothing :S
Any clue?

Thank you Ismael,

That is making the icon + text bigger.
But I would like to make the icon bigger than the text and keep them both vertically centered.

Do you know any solution for this?

I haven’t implemented it yet on my pages Rikard, since it doesn’t look good.

I want to increase the icons size in comparison tot the text, but keep the text and icon verticallay in the middle of the button.
This is what happens if I increase the icon size:
The image and text don’t vertically align with the button

• This reply was modified 7 years, 9 months ago by envis.

Andy,

I am trying to tell you that I get different screens when I follow your instruction (http://kriesi.at/documentation/enfold/how-to-register-a-google-maps-api-key/).

• So after step 2 I see this screen: http://imgur.com/a/C9Xrn
• Then when I click “Create Project and Enable API” I see this screen with an API key: http://imgur.com/a/asnpu
• When you use the copy button in this screen, the key gets a leading and trailing whitespace: http://imgur.com/a/555Em

This API key does not work, with or without spaces.

• In order to get to your step 4 screen I need to go to the following url: https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&keyType=CLIENT_SIDE&reusekey=true
• Then I have to select a project and then I can create a browser key: http://imgur.com/a/y156f (this browser key I have attached in the Private Content of this post)
• This browser key also has a leading and trailing whitespace that the Enfold Google Services does not remove. So I have removed them manually.

This API-key doesn’t work either!

Can you please take a serious look at my site. My customer’s are losing faith in my skills and I really can’t afford it to lose them.

Thank you.

Andy, FTP credentials attached.

No I generate one API-key per domain from different Google Accounts.