Can’t change font size

Resolved

(@woodpig)

Hi,

Great plugin. However, I can’t change the font size. The code I’m using is:

@media (max-width: 600px) {
    .simple-banner .simple-banner-text {
        font-size: 1.1em;
        padding: 0px !important;
        line-height: 30px;
    }
}

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author rpetersen29
(@rpetersen29)

8 years ago
Hi Woodpig,
I’ve just updated the admin page of the plugin to show that the custom css is scoped to the simple-banner class. For your purposes, this should work if you put it in the custom css
```
}
@media (max-width: 600px) {
    .simple-banner .simple-banner-text {
        font-size: 1.1em;
        padding: 0px !important;
        line-height: 30px;
    }
}
```
Thread Starter Woodpig
(@woodpig)

8 years ago
That’s great – thank you so much for your prompt reply!

Now that I’ve added the code to the main CSS editor, I can see how it looks. Basically, I just want to reduce the text size slightly (on desktop and mobile versions). So, I have
```
   .simple-banner .simple-banner-text {
       font-size: 0.8em;
       padding: 10px !important;
       line-height: 15px;
   }
```
That works fine for desktop, but I still need to alter it so that the banner text all appears on one line for mobile. But I can’t see where to add ‘@media (max-width: 600px)’ – when I do it, it makes the whole code only work for mobile.

(sorry, I’m not very technical!).

Thanks again,

Gareth.
- This reply was modified 8 years ago by Woodpig.
Plugin Author rpetersen29
(@rpetersen29)

8 years ago
if you add
```
}
.simple-banner-text {
    font-size: 0.8em;
    padding: 10px !important;
    line-height: 15px;
}
@media (max-width: 600px) {
    .simple-banner .simple-banner-text {
        font-size: 1.1em;
        padding: 0px !important;
        line-height: 30px;
    }
```
That should work
Thread Starter Woodpig
(@woodpig)

8 years ago

That works great.

Thanks very much for your help!

G.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Can’t change font size’ is closed to new replies.

Tags