Hi gopuloong,
Sorry for the late reply.
1) You are styling widget in a wrong way ??
Instead:
[shortcode-weather-atlas city_selector=1101757 style=background:#00a691;]
it should be:
[shortcode-weather-atlas city_selector=1101757 background_color=”#00a691″]
Shortcode – all options:
city_selector=
required
unit_c_f=””
default: “f”
options: “f” / “c”
language=””
default: “en”
options: “en” / “es”
layout=””
default: “vertical”
options: “vertical” / “horizontal”
font_size=””
default: “”
options: “16px” / “12pt” / “1.2em” / “1rem” / “90%” etc.
background_color=””
default: “”
options: “#8224e3” / “rgba(130,36,227,0.9)” etc.
text_color=””
default: “”
options: “#fff” / “#fafafa” etc.
style=””
default: “”
options: “float:right;width:200px” etc.
header=””
default: “”
options: “my title…” etc.
sunrise_sunset=
default: 1
options: 0 / 1
current=
default: 1
options: 0 / 1
hourly=
default: 0
options: 0 / 1 / 2 / 3 / 4 / 5
daily=
default: 3
options: 0 / 1 / 2 / 3 / 4 / 5
detailed_forecast=
default: 1
options: 0 / 1
Example:
[shortcode-weather-atlas city_selector=2372139 layout=”horizontal” background_color=”#8224e3″ daily=5]
(excluded options load default values)
2) We are not experienced with SO page builder, but the widget works OK if it’s placed in the sidebar though WordPress’ Control panel or if it’s placed as a shortcode in a text.
Please try to place the shortcode through SO page builder and then send us a link so we can examine web page’s source code – maybe we’ll find some reason for not displaying the widget.