Public Webpage Styling

Liberty Create - Build Advice
1

I’m sure its something obvious but …

how the xxxx do I override the narrow (fixed) width of the public webpages ?

Secondly - even though I have selected an appropriate theme reference - it seems like styles are not being applied exactly as I would have expected.

Titles for one are in a totally different colour to those ascribed in the theme is the basis for my question.

Everything just looks off and the sizes seem increased over what I would expect too …

Its definitely bringing in the relevant stylesheets though as I am using other bespoke elements from it just fine.

Thanks

Haydn

2

Tables look exactly like their interface based versions but other “texts” are definitely iffy !!!

Button sizes are not respected either as far as I can see :man_shrugging:

3

Hey @Haydn.Haynes !
As this is quite specific to your app, I would suggest we have a look at your app & stylesheets together, does that work for you?
Thanks,
Meike

4

In the meantime @Haydn.Haynes - does this help?

You can create classes under the .webpage class as below:

.webpage {
button {
font-size: 48px;
}
}

5

yeah my bad …

There’s a bunch of errant css in our stylesheets which I will need to purge !!!

Thanks all.

1 Like