Hello,
I would like to have a image banner on my product categy pages but I would like the Category description text not overlayed on the image but on the bottom of the page behind my listed products.
So far I achieved to show the description text at the bottom of my page via the solution posted here: https://kriesi.at/support/topic/moving-category-description-under-products/. But now I would like to remove the category description text from the banner image at the top.
Example: see private content:
Could you please help me to remove the description text from the image?
Thanks!
Hi stofson
Is it possible to share the example publicly?
Cheers
Michael
Yes sure, here it is:
Example: See category description text “viele viadsfljadfölkadsjöflkadsöf asdklfjasf adfadf” on page https://www.tretroller-laden.de/product-category/tretroller-erwachsene/
Try this code and insert it into Quick CSS:
#av_product_description h1 {
display: none;
}
Does that work?
Hi Micheal,
thanks for your prompt reply. Yes it works. Only thing is that it shows again if I use h1,h2 etc. in the text editor of the category description. Then it shows again. Is there a way to avoid this?
Thanks,
stofson
Hi
Ok great. Sure, you can assign a separate CSS class to these titles where you don’t want that to happen such as:
HTML
<h1 class="h1show">This is the h1 title you want to show</h1>
<h2 class="h2show">This is the h2 title you want to show</h2>
CSS:
h1show, h2show {
display: block;
}
Cheers
Michael
Thanks Michael for your great support. It works :-)
Cool – good job!