How to create category page

[andyvnguyen97]

Hi!

I’ve been trying to figure this out for a while but I’ve never used Cornerstone before. I want to create a page like this:

Basically, I want each square to have the name of each category, a small description, and an image, but when someone clicks on the image or header, I want it to redirect them to all the posts with that category tag.

If someone could help me with this, that’d be great.

Thanks!

[ruenel]

Hello There,

Thanks for writing in!

You can achieve this by adding another paragraph containing a link at the bottom of the text in each of your columns. For example, you have a text content like this:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque eros eu pulvinar dictum. Nunc egestas massa at elit bibendum, cursus fringilla nunc faucibus. </p>

<p><a class="my-category-link" href="http://example.com/category/burger/" title="Bison Burger"></a></p>

And then insert the following custom css in the settings tab, Settings > Custom CSS

a.my-category-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

This method will make the entire column being link to your category page. You can get the category page link by going to Posts > Categories.

Hope this helps.