Request Offering Description - Alternate Home Page

Alex_Marsh

Is there any way of making this bigger? I seem to be having a mare with trying to adjust it

Tony_Collett

I haven't really found a way to adjust the size of what is shown there. There are other home pages that have larger sizes of descriptions available. 
Previously I've suggested to minimize what is shown in the description while still being descriptive

Jeff_Lang

@Alex_Marsh if you mean the font size then this bit of css will do it

h5 small.sc-item-desc {<br>	font-size: 30px;<br>}<br>

if you mean making each item longer so the text of the description does not get cut off, then this bit of css should do it

div.media-body.sc-item-body {<br>	height: 200px;<br>}<br><br>

both tested on portal version 7.4

Alex_Marsh

Jeff_Lang said:

@Alex_Marsh if you mean the font size then this bit of css will do it

h5 small.sc-item-desc {<br>	font-size: 30px;<br>}<br>

if you mean making each item longer so the text of the description does not get cut off, then this bit of css should do it

div.media-body.sc-item-body {<br>	height: 200px;<br>}<br><br>

both tested on portal version 7.4

That's exactly what I needed! Couldn't for the life of me find the bit of HTML that set the size.

Geoff_Ross

You can also edit the number of ROs in a row to make the width bigger to fit more text. This can even be adaptive based on the size of the screen (in pixels) being used. Play with the numbers as required.

@media only screen and (max-width: 1550px) {
	.sc-item-list .sc-item {
		width: 33%;
	}
}

@media only screen and (max-width: 1200px) {
	.sc-item-list .sc-item {
		width: 50%;
	}
}

@media only screen and (max-width: 500px) {
	.sc-item-list .sc-item {
		width: 99%;
	}
}

Geoff