Page 1 of 1
Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Sat Feb 03, 2018 2:55 pm
by spoon
Hello, please tell me, why do not see the css styles in WWB?
CSS styles placed in Between<style>tag
The HTML code put Between<body>and</body>tags
Photo 1 showed the extension settings.
Photo 2 showed the extension where you can see css properties, in my css extension is not visible
https://drive.google.com/file/d/1W1YYba ... sp=sharing
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Sat Feb 03, 2018 4:01 pm
by Pablo
Only code in 'Render HTML' will be rendered in the preview.
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Sun Feb 04, 2018 4:13 am
by spoon
But in photo 3 styles can be seen immediately and the styles are not 'Render HTML', if you place the css styles in 'Render HTML' you will see just text.
photo 3
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Sun Feb 04, 2018 8:13 am
by Pablo
I'm sorry it is unclear what you have done.
Note that there is no support on extension development.
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Mon Feb 05, 2018 7:47 am
by spoon
What should I do to see the css styles in the extension?
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Mon Feb 05, 2018 7:54 am
by Pablo
You will need to add the style to the 'Render HTML' code.
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Mon Feb 05, 2018 9:47 am
by spoon
I'm sorry, If you place the css code in the "Render HTML" I see the text (number 1 on photo), not the style (number 2 on photo). I need to show the css style (number 2 on photo).
photo What you need to do to show the style in WWB as the photo number 2 ?
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Mon Feb 05, 2018 10:01 am
by Pablo
You will need to place styles between <style> tags.
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Mon Feb 05, 2018 11:40 am
by spoon
I'm sorry, does not work))
example
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Mon Feb 05, 2018 12:08 pm
by Pablo
There is no HTML code in the Render HTML section!
All code should be there!
Note that there is no support on extension development.
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Wed Feb 07, 2018 3:03 pm
by spoon
I realized that there is no support for the extension, so I apologize for the annoying)) but I did as you said but it does not work)
example
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Wed Feb 07, 2018 3:14 pm
by Pablo
Sorry, but your code is still wrong.
There should not be <html>, <head> <body> tags. The page already has these tags!
Note $ID$ is not valid in the context of the preview.
Also :focus and :hover will not be useful in a static preview.
The correct 'Render HTML' is:
Code: Select all
<style>
.button-preview {
width: 100%;
height: 100%;
display: block;
border: $a$px $b$ $c$;
background: $d$;
color: $text2$;
font-size: $text4$px;
font-family: $text1$;
font-weight: $text3$;
vertical-align: middle;
position: relative;
border-radius: $r$px;
outline: none;
overflow: hidden;
cursor: pointer;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
z-index: 1;
}
.button-preview:focus {
outline: none;
}
.button-preview > span {
vertical-align: middle;
}
.btn--texthover:hover {
font-size: $ss$px;
font-family: $dd$;
font-weight: $gg$;
}
</style>
$svg$
$teg$<button type="$e$" class="button-preview button--$efect$ btn--texthover" data-text="$textpsevdo$">
$plus$
$textvid$
</button>
$teg1$
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
Posted: Thu Feb 08, 2018 3:35 am
by spoon
many thanks Pablo
