[MiticaParticipant]

Hello team!

I added a button to the slider I have in the background of my navbar, that should play audio on click and the mouse should also change into a pointing finger on hover. I followed all the instructions according to the documentation on revolution slider, but it is not working, so I think it is related to the compatibility with the theme or the slide being in the header. Could you please take a look? The url is test.tierramitica.com.
Thank you very much!

[LelyModerator]

Hello Mitica,

When I visit your site, I got the following errors:

Access to Font at 'http://69.195.124.100/~tierram3/test/wp-content/themes/x/framework/fonts/font_awesome/fontawesome-webfont.woff2?v=4.6.3' from origin 'http://test.tierramitica.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://test.tierramitica.com' is therefore not allowed access.
(index):1 Access to Font at 'http://69.195.124.100/~tierram3/test/wp-content/themes/x/framework/fonts/font_awesome/fontawesome-webfont.woff?v=4.6.3' from origin 'http://test.tierramitica.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://test.tierramitica.com' is therefore not allowed access.
(index):1 Access to Font at 'http://69.195.124.100/~tierram3/test/wp-content/themes/x/framework/fonts/font_awesome/fontawesome-webfont.ttf?v=4.6.3' from origin 'http://test.tierramitica.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://test.tierramitica.com' is therefore not allowed access.
(index):1 Access to Font at 'http://69.195.124.100/~tierram3/test/wp-content/plugins/the-grid/frontend/assets/fonts/the_grid.ttf' from origin 'http://test.tierramitica.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://test.tierramitica.com' is therefore not allowed access.
(index):1 Access to Font at 'http://69.195.124.100/~tierram3/test/wp-content/plugins/the-grid/frontend/assets/fonts/the_grid.woff' from origin 'http://test.tierramitica.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://test.tierramitica.com' is therefore not allowed access.

That error blocks the font that is responsible for showing icons. Please check this link for the fixed:https://community.theme.co/kb/solutions-to-potential-setup-issues-font-awesome/

Unfortunately, regarding the issue of the button, I am not sure which button it is. Would you mind giving us more details? A screenshot would be a great help to understand the issue.

[MiticaParticipant]

Hello Lely

I am aware of this error, on another thread I asked why I do not see my icons and arrows on the home page, and I was told this error was most likely because my site is test.tierramitica.com but all other pages and resources are under an IP 69.195.124.100/~tierram3/test, so this inconsistency is causing the issue to load the proper font files.
This is the only way I was able to set up a test site, so this is the way it is gonna be until we go live.

Here is a print screen of the button, it is the Experience TierraMitica one in the header, not in the correct spot yet and not ready, but it should be functioning and it is not.

[MiticaParticipant]

Here it is, previous print too big.

Thank you for the help!

[JoaoModerator]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[MiticaParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

The button is working, but you set your slider behind the navbar/masthead. It’s just that, there is no way you could click on it though its cover.

Try removing this and you’ll see what I mean

.home .x-slider-container.below.bg-video {
    margin-top: -400px;
}

There is only two solution, it’s either slider covering the navbar, or don’t put the slider along with the navbar.

Thanks!

[MiticaParticipant]

Hello Rad, that makes perfect sense, thank you!

[JoaoModerator]

Glad to hear we managed to help,

Joao

[Author]

Posts