I've been able to set up single article display so that the article image appears above the article title, creating an opportunity for the image to simulate a banner.
the code I'm using for that is as follows:I find myself in the situation where I need to have a similar effect on category blogs. Unfortunately, the image in the category blog description doesn't have a class assigned to it, both the image and the description text are all wrapped up in the same DIV:
I'd REALLY like to avoid building a override for this. Is there any way of doing it without??
the code I'm using for that is as follows:
Code:
/*Put article image above title*/#<page id> .com-content-article {display: flex;flex-direction: column;}#<page id> .com-content-article .item-image {order: -1;}Code:
<div class="com-content-category-blog blog" itemscope="" itemtype="https://schema.org/Blog"> <h1>Category Blog Title </h1> <div class="category-desc clearfix"> <img src="image" width="960" height="254" loading="lazy"> <p>Category description text</p> </div> </div>Statistics: Posted by abarrow — Thu Oct 24, 2024 1:51 pm