Filtered css items

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
colin1661music
 
 
Posts: 115
Joined: Sun May 31, 2015 3:49 pm
Location: London
Contact:

Filtered css items

Post by colin1661music » Thu Mar 05, 2020 9:23 pm

Does anyone know why css parameters are filtered out?

This only seems to happen in headings <h1> etc.

Image

User avatar
Pablo
 
Posts: 22173
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Filtered css items

Post by Pablo » Thu Mar 05, 2020 9:37 pm

This is because 'Roboto' is a Google Fonts. The font weight is determined by the name of the font family.

colin1661music
 
 
Posts: 115
Joined: Sun May 31, 2015 3:49 pm
Location: London
Contact:

Re: Filtered css items

Post by colin1661music » Thu Mar 05, 2020 10:04 pm

Thanks Pablo, but in the css editor the font is Roboto thin.

I don't get this problem if I don't use a header style but I'm trying to improve my clients SEO and google wants a <h1> style on the page.

Image

Colin

User avatar
Pablo
 
Posts: 22173
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Filtered css items

Post by Pablo » Fri Mar 06, 2020 6:58 am

The behavior is correct.
'Roboto Thin' is just a variant of Roboto with font-weight 100. That is how Google Fonts works.

colin1661music
 
 
Posts: 115
Joined: Sun May 31, 2015 3:49 pm
Location: London
Contact:

Re: Filtered css items

Post by colin1661music » Fri Mar 06, 2020 8:40 am

Hi Pablo,

I managed to fix this by loading my own css styles (mystyles.css), I think the problem is caused becauce WYSIWYG in heading styles sets the font weight to normal.

If you want me to document this in more detail I happy to do so.

Thanks for you amazing progeam.

Regards Colin

User avatar
Pablo
 
Posts: 22173
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Filtered css items

Post by Pablo » Fri Mar 06, 2020 8:50 am

In styles, you cannot select a 'thin' font and at the same time set bold to false. This is not correct.
In your style the 'bold' property should be empty.

thin => font-weight =100
bold/false = > font-weight = 400 = normal
bold/true = > font-weight = 700

colin1661music
 
 
Posts: 115
Joined: Sun May 31, 2015 3:49 pm
Location: London
Contact:

Re: Filtered css items

Post by colin1661music » Fri Mar 06, 2020 8:57 am

Thanks for the tip, I set that because I was trying to get this to work.

Post Reply