How to create an "8-4" Service Portal Container?

patricklatella
Mega Sage

Hi all,

wondering why there's not an option for an "8-4" container for Service Portal?  And because there isn't one, how would configure the CSS to make a container have this layout?  Here are the OOB options...I want one like the "9-3", but with "8" on the left and "4" on the right. 

find_real_file.png

 

Reason being, if you look at my screen shot below, I want my "Order Something" and "Knowledge" icon links to be the same width as the right column in the widgets below (which is a 4-4-4 container).  Right now this is using a "9-3" container...how do manipulate the columns so the "Order Something" and "Knowledge" icon links are the same width as the "Get Help" icon link?  Thanks!

find_real_file.png

1 ACCEPTED SOLUTION

Matthew Smith
Kilo Sage

Hi Patrick

Not sure if this is the best way to achieve this, but you can just add a 9-3 container and then adjust the size of the columns in SP Page Designer.

Select the 9 column, press the find_real_file.png icon and then change the relevant Size to 8. Repeat the same for the 3 column, but change it to 4.

Hope it helps

Matt

View solution in original post

3 REPLIES 3

Matthew Smith
Kilo Sage

Hi Patrick

Not sure if this is the best way to achieve this, but you can just add a 9-3 container and then adjust the size of the columns in SP Page Designer.

Select the 9 column, press the find_real_file.png icon and then change the relevant Size to 8. Repeat the same for the 3 column, but change it to 4.

Hope it helps

Matt

great, thanks Matthew!  Way easier than manipulating with CSS.

great, thanks Matthew!  it works !!!!!!!!