How to apply more styles than what the WPB editor menu provides?
1) I tried to store those extra styles in a separate stylesheet and put a link tag into the meta tag section of the editor's menu:
<link rel="stylesheet" type="text/css" href="../css/extra.css">
That's perfect as long as all web pages are on top level but for sub-pages the link breaks.
2) I tried to include a script tag in the meta tags section, e.g.:
<script type="text/css">
<!--
h1 {
margin-top: 0;
}
-->
</script>
Works fine but in WPB's editor view those extra styles are not applied (no WYSIWYG).
What's your recommended best practice for WPB 10.4.4.?
1) I tried to store those extra styles in a separate stylesheet and put a link tag into the meta tag section of the editor's menu:
<link rel="stylesheet" type="text/css" href="../css/extra.css">
That's perfect as long as all web pages are on top level but for sub-pages the link breaks.
2) I tried to include a script tag in the meta tags section, e.g.:
<script type="text/css">
<!--
h1 {
margin-top: 0;
}
-->
</script>
Works fine but in WPB's editor view those extra styles are not applied (no WYSIWYG).
What's your recommended best practice for WPB 10.4.4.?