Horizontal

I would like it to look like this:
Example

A good point to start with might be wp-forecast.css.horizontal.
Please copy this one to wp-forecast.css (if you use a widget) or wp-forecast-nowp.css (if you use a shortcode). Then play with the css to adopt it to your needs.

Hi can you provide more detailed instructions please?

I do not see a wp-forecast.css or a wp-Forecast-nowp.css

I do see:

wp-content/plugins/wp-forecast/wp-forecast-default-nowp.css
wp-content/plugins/wp-forecast/wp-forecast-default.css

I am trying to get Horizontal display in the widget. I copied all the text from wp-forecast.css.horizontal and pasted it into the top of wp-forecast-default.css but it did not do anything.

Do I need to paste this text to a certain part in the file? Am I supposed to replace text or just add to it? Thank you

Please try copying

wp-forecast.css.horizontal

to

wp-forecast.css

(this file does not exists in the package but will be loaded if it exists, prior to all others)

This should work with the widgets then. If you use inline weather (plaving it into a post by a shortcode), use the “nowp” variant.

Hi. Great plugin, thanks. I am also trying to get it to appear horizontal, but I don’t see “wp-forecast.css” anywhere.

Regards
Daniel

Hi daniel,

so copy

wp-forecast.css.horizontal

to

wp-forecast.css

The plugin uses wp-forecast.css if it is there and if not it uses wp-forecast-default.css

Hi Guys i am wondering if i can get some help with this page? If i only display one day its fine, after that it gets messy. i used a widget shortcode to make it display in the page.

https://marsclub.org/test/

Hi,

please try remove margin: -100% from the div.wp-forecast-fc-right class and add float:left to wp-forecast-fc-oneday.

Should do the trick.

well we got a bit closer…

https://marsclub.org/test/

Thanks you very much for the help!

Sorry to be a pest, do you think there is anyway to easily line these up horizontally?

So searching can be your friend!!
adding this to the css
div.wp-forecast-fc-oneday {
padding: 10px;
float: left;
max-width: 190px;
}
along with what you suggested earlier has gone a long way.

Thanks I am sending you some beer money

good to hear it is working now.
have fun with wp-forecast ??