CSS snippet for page title font size and hide a title one page only

Thanks glad you like it! I’m not sure why more themes don’t have a CSS page like that.

I tested the snippet and it has worked for reducing the size of page titles (screenshot). I think I know what may be happening on the site.

When looking at the CSS being output to the page from the Custom CSS section, I saw that there is a missing closing curly brace (}) for closing the media query at the very end: https://pics.competethemes.com/0y0b003c0s1V

If the CSS above was added right after, it would be affected by the media query, and only affect the site on screens up to 600px wide. Try adding the closing curly brace for the media query, and then add the prior CSS to see if it then takes affect.

2. Is there a way to hide a title and the line on only one page?

You can target individual pages with a selector like this .page-id-1134. That will only work on a page with the ID 1134. Used to hide a title, it would look like this:

.page-id-1134 .entry-title {
  display: none;
}

We have a quick guide you can follow here for finding the ID of any page/post: https://www.competethemes.com/blog/find-page-id/

Those both worked beautifully!
1. Fixed!
2. I was able to use the snippet and the page ID to hide the line on that single page too ?? Is it easy to now reduce the white space that was left with those gone?

Great!

This CSS should do the trick:

.page-id-1134 .entry-content {
  margin-top: 0 !important;
}

The only change needed is to update the ID in the code to match the one on your site.

Ben…you rock.

Thanks!

Happy to help ??

Hi,

I am using the snippet and it reduces the font size in IOS, but the font is still full size in my desktop view. Any idea what as to what I might be missing here?

Any help is greatly appreciated!

Could you share a link to your site?

Thanks!

Yes, Sorry, Ben! mechanika-ltd.com

Thank you!

I am seeing the title at a reduced size now when viewing on desktop: https://pics.competethemes.com/kLaE. If it is still displaying smaller on your end, try clearing your browser’s cache and reloading the page.

Hi Ben,

I closed the browser down and reopened. sorted the problem! apologies and thanks!

No worries, glad it’s working now ??