Font changes weight on Row Slideshow

I’m using a full width Slideshow for a Row with added Text module over. When the Slideshow is set with a Fade the Text flashes a font weight change on the Transition. When the Slideshow is set with a Transition of “None” or “Ken Burns” the font keeps it’s weight on the Transitions.

It’s kind of hard to visualize, so I added a video with the first 12 seconds show the font weight change on the Transitions with a “Fade” and the last 10 seconds with the Transition set to “None” and displaying no change in the Font weight.

https://www.dropbox.com/s/qndiz7coda1eexz/Font%20weight%20changes%20on%20Row%20Slideshow%20(2).mp4?dl=0

Thanks.
Doug

Hey Doug,

Sorry to say but it’s kinda hard to check on the video. Can you share the URL of the page instead so we can check?

Ben

[Content Hidden]

[Content Hidden]

Hi Doug,

Unfortunately, I am not seeing the issue - http://cl.ly/432s0k122Z30

In regards to the Customizer settings, can you provide a screenshot of the settings you’re referring to, please?

Thanks,
Danny

Danny,

Here’s a screenshot from the Customizer and the single choice of font weight. There should be 5 choices for the Josefin Slab font.
https://www.dropbox.com/s/kjex4yhsekuz011/Screenshot%202016-03-22%2021.52.45.png?dl=0

Also, is the linked video you sent shot from Safari on Mac? Because that’s where I’m seeing the font weight change. It doesn’t show on Chrome or Firefox.

Thanks.
Doug

Hi Doug,

I am not sure as to why you’re only able to select one font-weight. When I select the “Josefin Slab” font, I am able to select between different weights.

CloudApp

Therefore, can you provide temp admin access, so we can take a closer look, please?

The text weight issue upon transition may be caused by the essential grid whatever that may be. However, you can use the following CSS to resolve the issue.

.fl-node-56e03ee3bb4aa .fl-rich-text h2 span {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

You may want to adjust the font-weight value.

Thanks,
Danny

Danny,

I found the cause of the single weight showing up in the Customizer. When I deactivated the “WooThemes Helper” plugin, all the font weights showed up. I am running WooCommerce on this site.

Is this something you can take a look at on your end?

FYI. I added the CSS which fixed the flashing font for h2 headers in Safari. I also updated the Button font which also fixed its flashing font.

.fl-node-56e1d08de4ce9 a.fl-button {
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
}

Thanks.
Doug

Hi Doug,

Unfortunately, I am not able to recreate your issue. I have just this moment installed the WooThemes Helper plugin, activated and the font weight options are still available.

Thanks,
Danny

Danny,

Just did some more testing. I had WooThemes Helper 1.6 plugin installed with no other plugin (no BB plugin either) and using the BB Child Theme. The font weight options were NOT there.

Deleted the WooThemes Helper plugin and installed the older version WooThemes Helper 1.53 plugin and the font weights were now available.

Went back to version 1.6 of the Helper plugin and the font weights were again NOT there.

Were you using WooThemes Helper version 1.53 or version 1.6?

Doug

Hey Doug,

We just figured out that the issue is with the latest version of WooThemes Helper. The problem there is it is breaking stuff inside the customizer section, no matter the theme being used. We’ve already submitted a ticket on their wp.org forums, which you can check on the link below.
https://wordpress.org/support/topic/woothemes-helper-plugin-breaks-javascript-in-the-customizer

Thanks for taking the time to check on this. :slight_smile:

Ben

Thanks Ben and Danny for moving this forward.

No worries at all, Doug! :slight_smile:

Ben

Looks like WooThemes updated their WooThemes Helper plugin to v1.6.1 which fixes the issue with the Customizer Font weights. :slight_smile:

Hi Doug,

Happy to hear your issue has been resolved and thanks for informing us.

Thanks,
Danny