How can I make from scratch slider image from dispatch?

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

Hello David,

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

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.

Hello David,

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

Thanks!

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

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

Hello David,

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

Thanks!

Yes, thats correct!

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!

Try this CSS:

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

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

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

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

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;
}

Thanks a lot David Worked Perfectly!!! Exactly what I wanted :)

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