Appearance->Theme option->Rest all = loose Bold title

Hi, are you able to post a link?

Hannah

Hey, in the theme options > typography settings. Have you set the font to blog for “h1”

Kadence Themes

Hi Hannah, here is what I have in typography, I havent changed it:
H1, Raleway, Bold 700, Latin, 44px line height 50 px, no color selected.
I am local so I cant provide a link, I tried to put an image but no can do.

and when opened in Chrome and I inspect the element, “font-style: 700” is crossed out with a yellow warning triangle just bebore:

element.style {
}
.titleclass h1 {
  color: #ffffff;
}
h1 {
  font-family: Raleway;
  line-height: 50px;
  font-weight: normal;
  font-style: 700;
  font-size: 44px;
}

and it has a reference of index 50 and index 52.
Does that help you? If not, I can try to send you image capture in an e-mail.

I created a new home page, went into customizer->static page and selected that new page. Saved. Yeah, the title is bold again.
So, I decided to go into appearance->theme option, home page and added page content to it.
Then I decided to hit on “reinitialize all” (sorry, I am in French so I am trying to translate what I see as best as I can).
GRRRR, I loose the bold again. Trying to revert back and forth between the original home page and my new one wont make the title page appear in bold.
Help please!

Just to check are you using the latest version of the theme?

Kadence Themes

1.2.8

I tested this on 2 different PCs, same issue.

I went into theme option->misc, lateral column, clicked on “Cancel” (even though there is no lateral column created by me), checked the page, bold came back, I reinilialize all, bold dissapear. I tried to reproduce with the same sequence and I cant reproduce the bold to appear…

I think I’m confused… hard to know whats happening without seeing the site.

Try installing this plugin: https://www.ads-software.com/plugins/redux-framework/

Kadence Themes

Reinstall redux did not fix it. I delete Pinnacle, wordpress, Wamp. Reinstall all in English. Same problem.
With Chrome inspect tool, saw for H1, font-weight: normal and font-style:700 as mentionned above. They seem to be inverted since font-weight should be 700 and font-style normal as style can only be normal, italic, oblic or inherit, not a number.
It provides indication its line 52 that causes the problem:
<style type="text/css" title="dynamic-css" class="options-output">.kad-primary-nav ul.sf-menu a,.nav-trigger-case.collapsed .kad-navbtn{color:#ffffff;}.sticky-wrapper #logo a.brand, .trans-header #logo a.brand{color:#ffffff;}.is-sticky header #logo a.brand,.logofont,.none-trans-header header #logo a.brand,header #logo a.brand{font-family:Raleway;font-weight:normal;font-style:400;color:#444444;font-size:32px;}.titleclass h1{color:#ffffff;}.titleclass .subtitle{color:#ffffff;}.product_item .product_details h5, .product-category.grid_item a h5{font-family:Raleway;line-height:20px;font-weight:normal;font-style:700;font-size:15px;}h1{font-family:Raleway;line-height:50px;font-weight:normal;font-style:700;font-size:44px;}h2{font-family:Raleway;line-height:40px;font-weight:normal;font-style:400;font-size:32px;}h3{font-family:Raleway;line-height:40px;font-weight:normal;font-style:400;font-size:26px;}h4{font-family:Raleway;line-height:34px;font-weight:normal;font-style:400;font-size:24px;}h5{font-family:Raleway;line-height:26px;font-weight:normal;font-style:400;font-size:18px;}.subtitle{font-family:Raleway;line-height:22px;font-weight:normal;font-style:400;font-size:16px;}body{line-height:20px;font-style:400;font-size:14px;}.is-sticky .kad-primary-nav ul.sf-menu a, ul.sf-menu a, .none-trans-header .kad-primary-nav ul.sf-menu a{font-family:Raleway;font-weight:normal;font-style:400;color:#444444;font-size:16px;}.kad-nav-inner .kad-mnav, .kad-mobile-nav .kad-nav-inner li a{font-family:Raleway;line-height:20px;font-weight:normal;font-style:400;font-size:16px;}#topbar ul.sf-menu > li > a, #topbar .top-menu-cart-btn, #topbar .top-menu-search-btn, #topbar .nav-trigger-case .kad-navbtn, #topbar .topbarsociallinks li a{font-family:Raleway;font-weight:normal;font-style:400;font-size:11px;}</style>
So, I created a child theme and in the file named style.css (after the /* bla bla for the theme */ I added:

h1 {
	font-style: normal;
	font-weight: 700;
}

hoping my css code would have precedence over one mentionned yesterday. Refreshing the page, still no bold.
Inspect, saw again the infamous “font-weight: normal and font-style: 700″, above my new css which now appears as the next css to be called ” “media “all” H1 font-weight: 700 “.
If I unclick “font-weight: normal” , my new css “font-weight: 700” becomes activate and it becomes in bold.
It looks like in the <style type=”text/css” title=”dynamic-css” class=”options-output”> some font-style and font-weight are interverted.
Question: how can I change that? Can a css file in my child-theme change it? Should it be elsewhere than style.css ? Should it be in a sub-directory of the child theme? Because there seems to be many files with css code…
I am thanking you for your patience with me!

Hey,

The odd thing is this doesn’t happen for me in any server I test on or in the demo for example: https://themes.kadencethemes.com/pinnacle/

Is there anyway you can email me so I can see your settings?

[email protected]

as for overriding the css just add this in your theme options > custom css box

h1 {
	font-style: normal !important;
	font-weight: 700 !important;
}

Kadence Themes

Adding ” !important; ” fixed it! I will e-mail you in order to see what you would need. I will put this as resolved and if I even understand why it happened and how to resolve it otherwise, I will add information to this post. Thanks!

Thanks Ben. Just want to tell anyone reading this post that Ben oriented me to the solution (through private e-mails). I was not updating the whole theme because my upload settings were too low, it was 1mb! That is why my titles were not in bold and I was getting all sorts of warnings! The workaround worked fine but the root problem is now fixed.

Click on media > add new. In the bottom right corner what is your max upload size. I would guess your upload size setting is too small. Should be above 8mb.

I checked on the Internet how to increase upload size; modifying my php.ini file did the trick. Might not be the solution for everyone but worked for me!