Change Title font size on 1 Page, not all Pages

Hi there!

You can target a specific page with CSS by using the page id.

For example,

.page-id-10 .entry-title {
  font-size: 100px;
}

Here is a useful article on how to find your page id :

How to Find Post, Category, Tag, Comments, or User ID in WordPress

If you have any trouble post a link to your site and I’ll take a look for you.

I hope that helps!

Cheers,

Luke the Daft Duke

well well, it WORKS! LOL! it actually works! thank you daftduke, i’ve been searching how to do this for 2 years. i’ve posted this question here in past years too with no replies. thank you very much! i am not so hot in WP and wasn’t exactly sure where to put this code but i have enough experience to guess. for newer users

go to Appearance>Editor which brings you to a style.css file you can edit within WP backend. copy duke’s code there (when you find your Page Id=Post Id and you’ll be surprised on the 100px, probably you’ll want in the range of 12 to 60px.

if you’re new you need to learn how to create a child-theme and it to the child style.css (but it will work in the main active theme it will just get wiped out the next time your theme is updated (right duke? man, i’d like to ask you a dozen questions!)

image

Your welcome! I’m glad it worked for you.

Sure, you could create a child-theme, which is great if you are planning on making a lot of changes to your theme files.

If however, your only want to make a few css tweaks you could use the Custom CSS module that comes with JetPack or a standalone plugin like Simple Custom CSS.

I hope that helps ??

Cheers,

Luke

i was told to use a child theme (saw it posted everywhere) when i started using WP 3 years ago. and i do it the older method of @import url(“../twentyfourteen/style.css”); because i couldn’t figure out how to do it the “best practices” method. about a year ago some user told me to use a “functionality” plugin to insert php but i never saw anything about a css plugin before. i do spend time searching for answers! so you think phasing out child themes is fine.

i got jetpack and simple custom css to work on a Page but both do not work to change the font size of a Static Front page POST. is there a diff syntax for a Post?

and i didn’t deactivate the child theme

another question – is it possible to edit the Title font color too?

If your front page displays your latest posts and you ONLY want to target the post title when it appears on the front page this would do it:

.home #post-5 .entry-title {
  font-size: 100px;
}

If you want to target the post title when it appears on the front page AND on the posts page it would be like this:

#post-5 .entry-title {
  font-size: 100px;
}

thanks duke! i also added some effects that i found. this makes a drop shadow. this isn’t that difficult is someone like duke tells you how to do it, LOL! i’m only half an idiot and i wanted to do this for 2-3 years and never could find out how (as a hobby and help some friends out with businesses and make their “basic” sites without carts). i have searched a lot but then give up after a few hours then try again days or months later. and there is so much out there that is just wrong, the code people tell you doesn’t work.

#post-4 .entry-title {
font-size: 42px;
color: #b30000;
font-weight: bold;
text-shadow: black .1em .1em .2em;
}

my goal is to make a site look like https://www.ibm.com/us-en/ (for example). i want a horizontal layout but even the best tools i can find on www.remarpro.com seem to be PageBuilder and Vantage but i cannot make it produce a site like IBM. this is the closest i’ve come and i found out that dukes code works in my 2014 theme but in Vantage theme i cannot figure out the actual Page Ids.
https://airekayak.com/ PageBuilder Vantage theme
https://raftdealer.com wordpress 2014 theme

and i’d like mega menus but all the plugins i’ve tried do not work properly with Vantage.