Hi,
i’d like to use category template 8 but I want to have the Category Image as a simple background of td-category-header, and i don’t want to use it as a background for the whole page.
I tried building a category-template like that with Cloud Templates. But I don’t want to manually build one for every category I have.
Is there any way I can use the ‘normal’ category template 8 and adjust it with custom css or something like that or a way I can build a cloud Template without using specific filters, because I want all my categories to look the same and the only change that would have to be made is to set the filter to current category)?
Hi,
But you would not have to create the same template for all the categories. Import it once, select it for the categories you want, then upload an image of your choosing per category
– https://www.screencast.com/t/s0OJToAP6oL
– https://www.screencast.com/t/227yxDpp
There is also the setting to remove the boxed layout, displaying the image only in the category header. That would work as you want.
Thanks
Oh okay i got it now. Thank you!
Is there a way I can choose a different sidebar for each category?
Using the category templates built with the composer, the sidebar can only be built with it. So one category template can contain one sidebar built with the composer. It will be the same sidebar for the categories which use that template.
Only the default predefined templates allow a sidebar to be set for each category, in the theme panel.
Okay. I need to use a predefined template then. Is there a way I can customize the predefined template 8 to show the category image as a simple background of td-category-header and not as a background?
You could go the CSS way to do that – http://prntscr.com/jziw6i
That would be the easiest instead of code modifications which may also not be possible
.td_category_template_8 .backstretch img {
max-width: 1164px!important;
}
The image doesn’t stay in the header when I scroll. Is there a way I can get it to?
Add this then, check if it functions properly
.td_category_template_8 .backstretch {
position: absolute;
}
looks better, but my image has the exact width and height of that header part and now it floats somewhere underneath the menu.
If I change the top-value to the height of the menu part it looks fine, but of course it doesn’t look good for tablet/mobile.
What can I do about that?
Please provide a link to that category page so I can inspect it, it would be much better than testing on my side and the results are different on your side.
It seems the link you provided is inaccessible at the moment
– https://www.screencast.com/t/SQYB7raTrZw
Let me know when I can take a look.
sorry, should be accessible now
https://cms.informatik.fh-nuernberg.de/jahresbericht/?cat=77
From what I can see the image used as background cannot be loaded at the moment
– https://www.screencast.com/t/dyNLacODfJ
If you can sort that out, I will take another look and try to give you a solution.
should work now, thank you!
https://cms.informatik.fh-nuernberg.de/jahresbericht/?cat=77
Try to add this line of code to the code I previously gave you
– https://www.screencast.com/t/pNiz9Z6erT
top: 208px;
Also enter all the codes (this and the last one) in The Advanced CSS desktop field. There would be no need for it on smaller devices, also it could create problems.
thank you very much! 🙂
