Translations | CF7 status | CF7 loader | Map with layer | Video pop out

Hi,

@jumar: we solved the issue about the search title.

  1. Theme translations
  • Poedit cannot be used, because x.pot contains errors / a po file cannot be created.
  • In general, direct translations based on x.pot and php are possible, but that is not preferred of course.
  • The x.pot requires an update.
  1. CF7 status
  • If Contact-form-7 contains an extension-restricted-file-element and the uploaded file contains a wrong extension the status is shown in a message. By default the message is positioned below the file browse button. When Contact-form-7 is deployed under X the position of the message is wrong. Latest versions Chrome, Opera and IE: the message is presented on the right side of the file name directly next to it. Latest version Firefox: the message is lifted from the baseline and presented somewhere on the right side of the file name.
  • What is the solution for the correct position of the message in all major browsers?
  1. CF7 loader
  • By default Contact-form-7 uses an ajax loader to render the file upload indicator with a position below the submit button. It looks as if the ajax loader is missing when Contact-form-7 is deployed under X.
  • What is the solution for the (correct position of the) ajax loader?
  1. Map with transparent layer
  • So far these options have not worked:
    a. Classic Google map element and map hue.
    b. Map element, embedded setup and frame styling.
    c. Map element, Google setup and Google map styling.
    d. Custom CSS.
  • What is the solution for a map with a transparent layer?
  1. Video pop out

Awesome,
JJ

Hello @nlwd,

Thanks for writing in! :slight_smile:

It seems a lot of your problems are layout/style issues in Contact Form 7 and Google Maps.

Regarding the video pop out issue in Opera browser, you need to disable Opera Video Pop Out option.

Can you share us your Wordpress URL/User/Pass in a Secure Note so we can take a closer look?

Thank you.

Hi @jumar,

Great to join the community.

@Opera video pop out: the option you refer to would mean one has to rely on what endusers do or do not. Simply said, the video pop out destroys the user experience based on our design and based on X. We have to be in control, we have to disable the pop out using code.

For business reasons, NDAs being among those, we cannot share more than we did. Hence, we made sure that all the issues can be reproduced with any default configuration (if the configuration follows the secure note we shared yesterday). Once you start testing yourself you will see exactly the same issues. Let´s review each and every detail. I´m sure we will tackle all issues that way.

Looking forward to all solutions.

Awesome,
JJ

Hello there,

Glad to hear that! You are always welcome here. :slight_smile:

  1. Theme translations

It seems it’s pointing to a corrupted version of your theme. Kindly reinstall your theme manually.

Then simply follow our steps here on setting up your translation file.

  1. CF7 status

You can add the CSS code to your theme’s Theme Options > CSS:

.wpcf7-not-valid-tip {
     margin: 20px 0;
     width: 100%;
     float: left;
}
  1. CF7 loader

This has already been answered on another thread. Please refer to:

On that thread, it tells about adding the code on child theme’s functions.php. Here’s our guide to help you setup one:

  1. Map with transparent layer

What do you mean by map with transparent layer? Are you thinking of a fade out effect, or adding an overlay? Please enlighten us.

a. Reported. Map hue currently not working.
b. Please double-check the API key that you’ve added, and make sure you’ve activated it.
c. Reported. In the meantime, please check temporary solution on this thread
d. It could either you have JS errors relating to your map, or their are Global CSS overriding it.

Items with Reported means these has been reported to our developers and added in our issue tracker. Once they’ll figure it out, it will be rolled out in the next release update.

  1. Video pop out

We won’t be able to have total control over the Opera browser as they have built in codes with that. Our fixes are limited only to the DOM which is on our websites.

A lot of users however have requested this video pop to be disabled by default. I have already submitted the same feature request to Opera. I’ll let you know once I got a reply.

Hope these helps. Let us know how it goes.

Hi,

Map update:

  • As many are looking for: a transparent layer to match the scheme.
  • Option-b embed. The map is working after pasting the code in Cornerstone and the layer remains to be the issue. I launched an additional staging config just for the map now. Latest versions only. The API key is not relevant for this option. How do we get a layer?
  • Option-c Google setup. The API key is working in any of our other staging configs. Own themes included. The map itself remains to be the 1st issue. It is still not working after 1) editing cornerstone/includes/elements/mixins/map.php and 2) configuring Cornerstone. Btw, we don´t use Pro as listed in this thread.
  • Option-d custom code. How do we get a layer based on [option-b without style settings]?

Working on the other issues.

Thanks for updating Opera.

Awesome,
JJ

Hello There,

Thanks for updating in! Please be advised that the map element in Cornerstone as well as the map shortcode is only a tool to display the Google Map. We rely on Google Maps in displaying the map. We can not add any feature that is not a feature of Google Map. Adding a transparent layer in the map maybe only possible with custom development. Regretfully custom development is way beyond the scope of our support. We can only help you with getting your site setup, bug fixes and minor cosmetic changes. You may need to consult a developer if you intend to add more options and features in displaying a map in your site.

Thank you for your understanding.

Hi,

Map option-b embed: can you explain the purpose of this background function, we do not get a result:

Thanks

Awesome,
JJ

Hi there,

That’s going to be your map background color but if your map is visible then it will look like as it has no effect. But try adding some padding and it will appear. Your map is simply covering it :slight_smile:

Thanks!

Hi there,

If an effect like that is needed, the frame border will do it.

The background feature needs a z-index, so it can land on top of the map.

Thanks!

Hello There,

The background color will always be behind the map. If you want to add a semi transparent background on top of the map, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-frame {
    position: relative;
}

.x-frame:before {
    content: "";
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

Hope this helps.

Hey @RueNel, right on!

Awesome,
JJ

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.