How to change logo text size?

Barclay Horner

Smugmug only lets you set your logo text sizes in S, M, L, XL increments which is really stupid. I would like to see my logo text size as a font size.

I've done my googling and could not find the relevant css to modify. I used inspector to come up with this and it does nothing. I'm trying to set my logo text size as 40.

.sm-page-widget-logo-text .sm-page-widget-logo-m .sm-page-widget-logo-upper {
font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 3px; font-size: 40px;
}

Any thoughts?

Allen

Sometimes you have to add !important to a parameter to override other CSS.
See if that helps.

font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif !important;

Barclay Horner

Allen wrote: »

Sometimes you have to add !important to a parameter to override other CSS.
See if that helps.

font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif !important;

Didn't work.

.sm-page-widget-logo-text .sm-page-widget-logo-m .sm-page-widget-logo-upper*{
font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif; !important; font-weight: 400; letter-spacing: 3px; font-size: 40px;
}

Allen

Remove the red ;

font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif; !important; font-weight: 400; letter-spacing: 3px; font-size: 40px;
like this
font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif !important; font-weight: 400; letter-spacing: 3px; font-size: 40px;

Typically like this
font-weight: 400 !important;

What's this red *?
....sm-page-widget-logo-upper*{...

Allen

Did you try

.logo-subtitle {
font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif;
font-weight: 400; letter-spacing: 3px; font-size: 40px;
}

Hang on , not your Smug site.

Edit:
.sm-page-widget-logo-text-container h2 {
font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif !important;
font-weight: 400!important; letter-spacing: 3px!important; font-size: 40px !important;
}

Barclay Horner

Allen wrote: »

Did you try

.logo-subtitle {
font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif;
font-weight: 400; letter-spacing: 3px; font-size: 40px;
}

Hang on , not your Smug site.

Edit:
.sm-page-widget-logo-text-container h2 {
font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif !important;
font-weight: 400!important; letter-spacing: 3px!important; font-size: 40px !important;
}

Your solution was not perfect but it did provide the key. Thank you Very Much! That was awesome of you to help!

I have the logo title text just the way I want it. Now the tagline for some reason won't obey the font-weight css. I need the font-weight to be 300. The spacing and font size are obeying but not the font weight.

logo title

.sm-page-widget-logo-text-container h1 {
font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif !important;
font-weight: 400!important; letter-spacing: 3px!important; font-size: 40px !important;
}

tagline

.sm-user-ui .sm-page-widget-logo .sm-page-widget-logo-subtext.sm-page-widget-logo-m {
font-family: 'Josefin Sans', Roboto, Helvetica, Arial, sans-serif;
font-weight: 300!important; letter-spacing: 4px; font-size: 20px;
}

Barclay Horner

Thought I fixed it but I didnt.