Not getting a slider to work in the front page.

Hello Mattias,

Without knowing the plugin in use and the actual code you are trying to insert it would be impossible to give you a definitive answer.

Can you link to the slider plugin plus provide the actual shortcode that is to be inserted? I’ll take a look and see if I can assist you with it.

Zulf

Thank you for responding Zulf, I should have provided that in the first post, sorry.

I want to use the ‘Meta slider’
Website: https://www.metaslider.com/

Shortcode: [metaslider id=27]

I hope this will help.
-Mattias

I made this real simple picture to give you a feel on how I want it to look when all the pieces comes together.

View post on imgur.com

Now it feels like im just spamming you, sorry about that. but im wondering about one more thing.

If I get the slider/facebook flow working, is there a way only to show them on the front page?
For the other pages I only want a background, which I could fill with text and pictures.

No problem Mattias and thanks for the details.

Let me take a look at it later today and hopefully get you a solution by the end of the day or tomorrow at the latest.

Regards,
Zulf

Sounds great! thank you!

Hello Mattias,

Sorry for the delay.

Please follow this gist: https://gist.github.com/zulfnore/8cc0a2c721151bdc356c for the required code.

You may need to make some CSS adjustments too. I had to add the following code while testing on my side…

.metaslider {
    overflow: hidden;
}

Regards,
Zulf

Hi again, no problems. I’m glad that you even spend your time helping me. The code works great! I have problem though, if you take a look at the site again, there is a little gap between the navbar and the top of the slider. I would like to add a color there. any ideas on how to fix this?

Ok so I got the slider working, but on the right side of it i want a facebook feed, so I did this:

<?php
get_template_part( ‘top-nav’ );
if ( class_exists( ‘MetaSliderPlugin’ ) && ( is_front_page() ) ) {
echo do_shortcode(“[metaslider id=27]”);
echo do_shortcode(“[custom-facebook-feed]”);
} elseif ( is_front_page() ) {
?>

The feed is there, but then I get this problem:
https://imgur.com/1e4Vv2P

I’m not really sure what to do to get rid of that empty space, any suggestions?

This is the css for the facebook feed:
.cff-fixed-height {
overflow: hidden;
position: relative;
right:-1100px;
top: -300px;
}