I am new to WordPress.
I am using WordPress Yoome theme on a locally hosted test site so can’t post a link here.
The page outputs heading which is a little too big so I want to reduce it.
Google developers tool shows this CSS for the heading tag:
Elements output:
><div class=”breadcrumb-title”><h1 class=”heading-title page-title entry-title “>Site Name</h1></div>
CSS output:
> h2, .h2, h1.wpb\_heading, .ts-heading h1, .ts-banner h2, .breadcrumb-title-wrapper .breadcrumb-title h1, .vc\_col-sm-12 .style-vertical .widget-title-wrapper h3, .breadcrumb-title-wrapper.breadcrumb-v3 .breadcrumb-title > h1, .breadcrumb-title-wrapper.breadcrumb-v4 .breadcrumb-title > h1, .ts-shortcode .shortcode-heading-wrapper .heading-title, .ts-banner.style-box-image-shadow h3, .ts-banner.style-simple-text h3, .ts-banner.style-simple-text-3 h3 {
>
>font-size: 48px;
>
>line-height: 54px;
>
>}
The problem is, I cannot locate font-size: 48px in any of the theme CSS files not h1 tag that defines this size. I have modified all h1 tags I cloud find but still no effect.
When I changed the size of the header wrapper, the change took affect immediately.
Is there a better way to locate font sizes and other CSS elements?
​
[ad_2]
This CSS code is somewhere and you can easily find it by checking the file name appearing along with the CSS in the Dev Tools. If it’s not there it’s probably embedded with the PHP page. If not it might be printed by a JS code.
Secondly, this code means most of the elements do have a default font size of 48px.