Client Area Homepage Product CSS Code

[aquiss]

Could anyone point me the right direction for the CSS code that will allow me to alter the text, as shown in the screenshot below?

 

[brian!]

it should be .list-group-item - but bear in mind if you change it, it's going to affect all homepage panels using that css, not just the Active Products panel.

[aquiss]

it should be .list-group-item - but bear in mind if you change it, it's going to affect all homepage panels using that css, not just the Active Products panel.

 

You would think, but I can't see any size being defined for that one.

 

It just bugs me that the text size under Active Products/Services is small than Support Tickets panel etc

[brian!]

You would think, but I can't see any size being defined for that one.

but you could define one...

 

It just bugs me that the text size under Active Products/Services is small than Support Tickets panel etc

strange - they should be the same... if you ignore that tickets not clicked on are emboldened and the dates are smaller... the text size of the ticket title and product titles are the same)...

 

 

then if you define a (ludicrous!) size in custom.css...

 

.list-group-item {
   font-size: 16px;
}

 

[aquiss]

Ah Brian, I think I need to be more clear.

 

If you close all those support tickets, the generic "you don't have any tickets...create one" text is bigger, which for me feels easier to read, size wise.

 

PS: I notice that the example domain you have there, the text remains smaller, so has it's own class I guess?

[brian!]

Ah Brian, I think I need to be more clear.

If you close all those support tickets, the generic "you don't have any tickets...create one" text is bigger, which for me feels easier to read, size wise.

ok, you mean these...

 

 

because they aren't a list (as with tickets/products etc), it's just a normal panel beginning with a <p> in the body.

 

PS: I notice that the example domain you have there, the text remains smaller, so has it's own class I guess?

that's just a span class...

 

.text-domain {
   font-size: 12px;
   color: #006687;
}

it occurs to me what you could do is reset .list-group (ignore changing list-group-item) - it has a default value of .9em, but if you remove that value (inherit or unset should work), then it will make the list use the same font size as your other panels..

 

.list-group {
   font-size: inherit;
}

before and after...

 

the above was done via editing the css in Firefox, but i've tested custom.css locally and it works exactly the same.