[Resolved] Web design

[rafel jesus]

Hi every one.
Someone can help me, I like his design https://charoguijarro.com/ but there is not any theme in GP can do it.
We’re some idea about building a web design like this.
Thanks and best wishes.

Best wishes.
From Balaguer, near of Barcelona

[David]

Hi there,

that particular site is built using a Page Builder.
You could build something similar using GP Sections:

https://docs.generatepress.com/article/sections-overview/

And add some CSS.
Edit each Section and within the Custom Class field add: sticky-section then add this CSS:

.sticky-section {
    min-height: 400px; /* Adjust to suit the tallest section */
    position: sticky;
    position: -webkit-sticky;
    top: 60px; /* Adjust to the height of the navigation */
}

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

[rafel jesus]

Hi David, thanks.
But I don’t know CSS and how I add this codes on websites, where I put these codes I have child Theme.
can You help me?
Thanks.

Best wishes.
From Balaguer, near of Barcelona

[Leo]

You’d add it in the style.css of your child theme:
https://docs.generatepress.com/article/adding-css/#using-a-child-theme

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

[rafel jesus]

Hi, how I can put a video on the post?
Thanks

Best wishes.
From Balaguer, near of Barcelona

[Leo]

Can you open a new topic for the separate question?

Thanks 🙂

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

[rafel jesus]

Hi, thanks @leo
This code works well, but now I have an ask, in content of sections, Can I work with blocks?
same a this image.

Best wishes.
From Balaguer, near of Barcelona

[Leo]

Sections are not compatible with Gutenberg unfortunately.

We are hoping to release a separate section-like block plugin in the early new years which will make this possible.

For now you can try a plugin like GhostKit or Kadence blocks.

Let me know if this helps 🙂

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

[rafel jesus]

Hi @leo
With this pluign, can I work with box, text similar to Gutenberg?
I try.
Thanks from Catalonia.

Best wishes.
From Balaguer, near of Barcelona

[rafel jesus]

Hi Leo.
I try these plugins, but inside sections don’t work how you said.
I hope what sections early works with blocks.
Thanks

Best wishes.
From Balaguer, near of Barcelona

[rafel jesus]

Hi @leo
I have an ask, How can I fix the main navigation? is possible with CSS, because now when I do scroll the main nav. move, and I want to do.
Thanks for your patience.

Best wishes.
From Balaguer, near of Barcelona

[Leo]

I try these plugins, but inside sections don’t work how you said.

You won’t need to use Sections with those plugins – those plugins can do everything section does 🙂

Can you open a new topic for the main navigation question?

Let’s keep it one question per topic 🙂

Thanks!

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

[rafel jesus]

Hi @leo.
But if I want to do section who this web https://charoguijarro.com/ Can I do??

Best wishes.
From Balaguer, near of Barcelona

[Leo]

You should be able to create something similar with either Kadence block of GhostKit.

If not Elementor or Beaver Builder are worth looking into as well.

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

[rafel jesus]

Ok, thanks for your help.

Best wishes.
From Balaguer, near of Barcelona

[Author]

Posts