Title font size

In any WordPress site, you should always be able to change the font size of an H1, H2, etc title with CSS in the Customizer under Advanced CSS. Just override the font size with a child style for the Title and its class. To find out the class, just use the inspector tool that is baked into any browser and search for the title tag, then set your class in your Advanced CSS text field and you should be able to overwrite it. We don’t yet offer and controls like a theme might for changing the font size styles, because usually your theme takes care of all H1 or all H2, etc. Or, you can just do it with a style in Advanced CSS. You no longer need a “child theme” unless you’re needing to add some custom code to a functions.php file.

Thanks Tony,

I think you mean this:

.current-show-list .current-show-title, .on-air-list .on-air-dj-title {
font-size: 14px;
}

It changes the font size when I alter it in inspect element,
But not when I add in to advanced css.

I’ve had that happen in the past where I tried to override a style and it just wouldn’t change.

Did your test the change with a different theme? Clear tour browser cache? Clear the cache at the host if you have one? Turn off plugins and try it? Did you use “!imortant” after the rule which will make the rule primary and not secondary?

What’s the URL of the page?

@majick can you assist here?

I cleared cache and tried:

.current-show-list .current-show-title, .on-air-list .on-air-dj-title {
font-size: 14px !important;
}

No luck yet, will mess with it again later

Here are a few questions to start somewhere and see if we can narrow this down.

What’s the URL of the page?
What theme are you using?
Have you contacted the theme developer to ask them why you can’t override a style?
Have you turned off all plugins except Radio Station to see if it will apply when other plugins are turned off/on?

It could be the rule is conflicting with the theme or another plugin. Let’s see what we can come up with.

It’s Music Play, with a few tweaks..
Everything is done in the child-theme, updates, support is 60 bucks.
Usually any CSS I add to Custom CSS, or Additional CSS, just works.

Didn’t want to advertise it here because we can’t edit/delete later.

I put a link to the website in my profile.

I’ll install another theme and try it again, and start disabling plugins.

The Additional CSS section in the theme customizer is working because,
I added margin-left 0 to move the radio schedule show image to the left.

ul {
list-style: disc outside none;
margin-left: 0px;
}

On the home page..
I created an Advanced columns block, the Show schedule shortcode is inside it.
[current-show show_avatar=”1″ avatar_width=”80″ show_link=”1″ show_sched=”1″]

• This reply was modified 3 years, 5 months ago by EMar.

Okay, let’s get @majick in here to help with this. It’s seemingly a simple issue. You should be able to override a font size. Let’s see what he says.

@sounds That really looks like it should just work. I can’t see anything wrong with the CSS itself. You may want to try inspecting the element in your browser and seeing which rules are overriding which for the element, but the !important should override that anyway.

One handy trick is to prefix the existing targeting with body instead of using !important. eg:
body .current-show-list .current-show-title {font-size: 14px;}

Other than that, I can only suggest inspecting in a browser. Or I can take a look at the URL myself if you provide one.

Changing

.current-show-list .current-show-title, .on-air-list .on-air-dj-title {
font-size: 14px;
}

To

body .current-show-list .current-show-title {font-size: 14px;}

And it worked perfect in Additional CSS.

Thanks a lot ??