Title: styling with shortcode
Last modified: July 4, 2018

---

# styling with shortcode

 *  Resolved [gopu.gg](https://wordpress.org/support/users/gopuloong/)
 * (@gopuloong)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/styling-with-shortcode/)
 * please help..,
    [http://loongtripstest.epizy.com/aabbbcc/](http://loongtripstest.epizy.com/aabbbcc/)
   1) i tried to style the widget in the shortcode ( [shortcode-weather-atlas city_selector
   =1101757 style=background:#00a691;]) but could not find a way to remove the orange
   border lines. how to get rid of them? 2) when trying to use the widget in siteorigin
   page builder plugin the weather display is not showing.(the right empty space
   to the visible weather update is created when trying to use this widget in SO
   page builder plugin)
 * looking forward for a reply

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Weather Atlas](https://wordpress.org/support/users/weatheratlas/)
 * (@weatheratlas)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/styling-with-shortcode/#post-10491212)
 * 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.
 *  Thread Starter [gopu.gg](https://wordpress.org/support/users/gopuloong/)
 * (@gopuloong)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/styling-with-shortcode/#post-10855230)
 * thx for the reply. it works fine now
 *  Plugin Author [Weather Atlas](https://wordpress.org/support/users/weatheratlas/)
 * (@weatheratlas)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/styling-with-shortcode/#post-10856943)
 * Great,
    tnx for using our widget

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘styling with shortcode’ is closed to new replies.

 * ![](https://ps.w.org/weather-atlas/assets/icon-256x256.png?rev=1682546)
 * [Weather Atlas Widget](https://wordpress.org/plugins/weather-atlas/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/weather-atlas/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/weather-atlas/)
 * [Active Topics](https://wordpress.org/support/plugin/weather-atlas/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/weather-atlas/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/weather-atlas/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Weather Atlas](https://wordpress.org/support/users/weatheratlas/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/styling-with-shortcode/#post-10856943)
 * Status: resolved