Custom width for content catalog items

A77
Giga Contributor

Hello,

Currently I have two kinds of items in my Service Portal Catalog and they look like this:

The one with only content:

find_real_file.png

The one with a record form

find_real_file.png

 

I want to display content items in my catalog taking the full width. For example: I want them to appear like this, i.e. taking full width across the div.

find_real_file.png

 

I figured out the CSS changes for implementing this but couldn't figure out how to make two separate types of catalog items follow separate CSS rules. Currently, both of them are following the Same width constraints.

Is there any possibility to create an onLoad script which checks the page for specific id and then make affected changes?

If yes, can anyone pls guide me through this or suggest a better alternative?

 

Thank you!

 

3 REPLIES 3

Brian Lancaster
Tera Sage

I'm not sure it is possible. Why not move the Request and requested Information above related articles. Then you don't have to worry about realestate and I think it would overall look more consistent and be a better user experience.

find_real_file.png

Hello @Brian Lancaster ,

Thank you for replying.

The Request button and the required information column is connected with the Black board Assistance catalog form and all of them comes under " SC Catalog item" widget. 

Related Article and Need for Assistance are separate widget and menu based instance added to different rows in Column 2.

find_real_file.png

 

I liked your idea of shifting those two things on the top, but not sure how to achieve it. Could you please guide me/suggest anything?

I'm not sure they only reason I suggested it was because it looked like custom widgets. Out of the box the button to submit your request and related info are there own widgets and are where I suggested you put them.

find_real_file.png