Category Template

Hi,

I don’t quite understand what that the end result would be. Using it on a category page with category template 1 provides this result
– https://www.screencast.com/t/2cOKdWskkUhR
The code sets the width for the category header and description containers to 100%, it seems to work if that is what you want to do.

Thanks

Hi,

The code mentions category template 1, which looks like this
– https://www.screencast.com/t/vXbV3Jd7xK04
Or like this with the top grid disabled
– https://www.screencast.com/t/XRRkEMx87YmQ
Applying that code will first stretch the category header to full width, and also set a padding top for the sidebar
– https://www.screencast.com/t/cjy87ddY
That is all it can do. I think I know what you want to do however, but it could prove tot be difficult. The category header and the sidebar belong to different containers, so even if you would set a custom width to the header, something like this
– https://www.screencast.com/t/XUlyy7KHz
The sidebar will not go up, it is applied to the post loop below and will appear accordingly. You could force it higher
– https://www.screencast.com/t/NTEY3UHthyd
But that will cause responsive issue most likely. This will have to be made only for desktop (Theme panel->Advanced CSS desktop section)
The code I used is this one, you can experiment further if you wish. There could be a different solution maybe you can find it

.td_category_template_1 .td-category-header .td-container {
width: 696px;
margin-left:48px;
}
.td_category_template_1 .td-main-sidebar {
top:-170px;
}

Thanks

Hi,

If you want that result, you will have to experiment with custom code. Only through modifications you can achieve that result. The category templates are predefined, and they will always look as they are supposed to.

Use the browser inspector to create your own code and modify the elements you want
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks