How can I make from scratch slider image from dispatch?

[David]

Hmmm… not seeing the Code added to the site – can you set it to Run Everywhere.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sara]

Hello David,

I am running it everywhere now as you asked, please try now.

[David]

Now add the CSS provided here:

https://gist.github.com/72e4e7e31cb257e048dcf0a8973700c5

You will also need to edit the Header Element and uncheck the Merge with Content.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sara]

Hello David,

It seems to be working the only thing is that second navigation is overlaping with slider, how I can fix that?

Thanks!

[David]

You need to disable the Merge with Content option in the Header Element:

https://docs.generatepress.com/article/header-element-overview/#site-header

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sara]

Hello David,

I think I manage to do it, can you please check if its correct?

Thanks!

[David]

Yes, thats correct!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sara]

Just one last question David, how I can make some sepatarion between text and category tag, all seems to be showing too together would like to separate it, thanks!

[David]

Try this CSS:

.wp-show-posts .wp-show-posts-entry-title {
    margin-bottom: 0.75em;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sara]

Ok that is great but is it possible also to make a bit of space between sentences on title too?

[David]

Go to Customizer > Typography > Headings and increase the Lineheight of the H2 element.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sara]

Thanks a lot David its working fine!

I just would ask you one last thing on this matter is it possible to that on slider on the right side bottom where it shows 2 images could show only 1 like the one on the right top? So, slider shows only 3 images instead of 4 that would be one on the left, one on the right top and last one on the right bottom.

How can I achieve this?

Thanks!

Sara

[David]

Try the follow:

1. Edit the WP Show Post list used for the Grid. And set the number of posts to 3.
2. Look for this specific CSS ( its inside the @media 900px query):

.wpsp-grid .wp-show-posts article:nth-child(3) {
    grid-column: 5 / 7;
    grid-row: 2 / 4;
}

and change it to:

.wpsp-grid .wp-show-posts article:nth-child(3) {
    grid-column: 5 / end;
    grid-row: 2 / 4;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sara]

Thanks a lot David Worked Perfectly!!! Exactly what I wanted 🙂

[Sara]

Just one thing David, I just checked on movil device and first image of slider is not showing right and text is showing too big on all 3 of them, how can I fix it?

Thanks!

Sara

[Author]

Posts