How to create a custom blog page in WordPress
hello, I’m Kaycinho, The Digital Alchemist, and today, I’m going to show you how to create a custom blog page in WordPress with Elementor Pro and Crocoblock.
How to create a custom blog page in WordPress
This tutorial is video based (check above), but below you will find the code needed to complete it.
CSS Code
- click on the gear icon (bottom left corner)
- click on Settings
- click on the Advanced tab
- then inside the Custom Css field, paste the following code:
@media screen and (min-width: 1025px) {
.wm-hp2-secondary {
height:50vh;
}
.columnsticky{
position: sticky;
position: -webkit-sticky;
top: 3rem;
}
.parent-sticky
.elementor-widget-wrap {
display: block!important;
}
}
CSS Class for Column 1
- select column 1
- click on Advanced
- then inside the Css classes field, paste the following class name:
.parent-sticky
CSS Class for the Inner Section within Column 1
- select the inner section within column 1
- click on Advanced
- then inside the Css classes field, paste the following class name:
columnsticky
Your turn!
I hope this tutorial will help you create a gorgeous custom blog in WordPress with Elementor Pro!
If you watched the companion video and if you like it, please give it a thumbs up, as it really helps growing the Youtube channel – It does really help, and it doesn’t cost you anything!
Oh, if you want to know how to create a beautiful branding for yourself, your business or for your clients, you can download (totally free) my branding guidelines template by clicking here.
So, that’s it for this tutorial, I hope to see you around here or on the Youtube channel, and in the meantime, don’t forget to invest in YOUR success!
| 
