Removing Footer From every page

The problem is that there is something (maybe a plugin?) that has added the !important clause to its own rules, making it difficult to override them. It looks like a plugin that adds the Playfair font to the entire site.

.widget-title, .widget-area h1, .widget-area h2, .widget-area h3, .widget-area h4, .widgets-area h5, .widget-area h6 {
    font-family: "Playfair Display" !important;
    font-size: 21px !important;
    line-height: 1.5 !important;
    font-style: normal !important;
}

So you see how !important was added to all of these properties? As I said, that makes it very difficult to override, which is why developers should normally use !important as a last resort, in case the user wants to override a more specific case later on.

Try adding this rule, which makes the selector slightly more specific than the one in effect:

.enews h4.widget-title {
    font-size: 35px !important;
}

By the way, sorry I didn’t answer your previous question regarding site speed, but I’ve never looked into that area.

Thanks for your help! Because of you I have been learning a lot, and no worries about site speed! I got it all worked out. I addition to that I am working on some customizations to another site and my client wants to change their mouse to a certain image (A pizze emoji) I don’t think this is CSS, but I wanted to ask first if you would know how to change something like that?
Also, They want a phrase to be real time typed out on their about page, is this CSS or is this something else?

Thank you again for all the help! I owe you big time!

Here is an example of what I mean by real time typed out. https://www.sivanayla.com/about/
I’m sure this is way more extensive! But I wanted to see.

Also, that rule you gave me didn’t seem to work :/

[Deleted]

I think your message got deleted! Also never mind about the real time typed out text and the cursor change. I just need help with my original question about the font size!

Thanks!

Hi, Olivia:

Sorry it took so long to reply. Did you try adding this rule? I didn’t see it in your code:

.enews h4.widget-title {
    font-size: 35px !important;
}

By the way, I did look at changing the mouse cursor to a pizza icon, and I wrote a little tutorial here.

For the animated text, I looked at some typewriter effect plugins, but instead of blanking out the whole string before starting over, they do a backspace/delete over the string. I don’t know if that’s something that you would want or not (you can see a demo here).

Hey there!
I’m sorry I didn’t see this message, yes I added it to my code and it’s not seeming to work.
Hope you can help, thank you!

I see this rule in your code in two places, one is in a cache file and the other appears to be some sort of CSS plugin. But the rule does seem to be working, i.e., when I change the property using DevTools, the font size changes:

.enews h4.widget-title {
    font-size: 36px !important;
}

Hi there! I just looked and it just now worked when I went back onto the page haha. Thank you so much! I appreciate it.

Hey there! I am having some trouble editing the size of the text on the footer of my page. It’s the text all the way to the right asking people to sign up for my news letter. I have tried inspecting it and adding the code to change the font but it didn’t work.
https://oliviacorin.com

I hope you can help! Thanks so much

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

What rule did you use to try to change it?

When I look at the inspector, this is the rule that affects it:

.enews h4.widget-title {
   font-size: 34px !important;
}

So, normally I would suggest adding a rule like this to change it:

.footer-widgets .enews-widget .widget-title {
   font-size: 26px;
}

However, because of the important clause in the previous rule, it wouldn’t have an effect. That’s why you should be careful about using the important clause, it can cause some difficulty when you try to change the property of other objects down the road.

So, I would hunt down where you defined that first rule, because that’s where you would change it. It’s hard for me to pinpoint where it’s located because your caching plugin is mashing everything together.