Can not see the css styles in WWB, if you select "Live HTML rendering".
Forum rules
This forum section can be used to submit suggestions for Extension Builder.
Note that this section is not monitored for support.
This forum section can be used to submit suggestions for Extension Builder.
Note that this section is not monitored for support.
Can not see the css styles in WWB, if you select "Live HTML rendering".
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
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".
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".
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
photo 3
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
I'm sorry it is unclear what you have done.
Note that there is no support on extension development.
Note that there is no support on extension development.
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
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".
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".
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".
You will need to place styles between <style> tags.
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
I'm sorry, does not work))
example
example
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
There is no HTML code in the Render HTML section!
All code should be there!
Note that there is no support on extension development.
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".
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
example
Re: Can not see the css styles in WWB, if you select "Live HTML rendering".
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:
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$