CSS changes when using shortcode

Did you try to change wp-forecast-default-nowp.css instead of wp-forecast-default.css?

Should do the trick.

It’s OK now. Thanks very much!

I see only just now that the names of the months are all in Dutch and not translated in the desired language. I guess this comes from the call “$av[‘fc_date_format’]=get_option(“date_format”);” in ‘wp-forecast/funclib.php’? Or am I wrong and can I do something about this myself?

mhm, this is a good question. wp-forecast itself does not translate the name of the month. It relies that this is defined somewhere else.

So I see two ways to solve this:

1. change the date format in the admin dialog to somewhat without name of month
2. loading the translation of the name of the month in some other place (e.g. load the wordpress translation for the desired language)

I’ve changed the WP default date format to ‘d-m-Y’ which can be used for the 6 European languages throughout my site. It’s a good thing I do not require ‘en_US’ settings. Thanks!

My clients have requested to show wp-forecast on the main page in a horizontal way rather than vertically. So I changed the shortcode into [wpforecast id=”B” lang=”en_EN” width=”100%” height=”300″]. In Internet Explorer 11 the current weather appears nicely but each of the three forecast blocks jumps down 2 lines. I would like to have the first forecast block to start 3 lines below the current weather block and the others on the same horizontal level. In Firefox 25.0.1 the first forecast block appears 2 lines below but right of the current weather block. The forecast blocks apear still horizontally. Could you give me a solution to these problems?
The site is still at ‘www.dataproweb.nl’

There is a wp-forecast.css.horizontal in the wp-forecast folder.
This may be a point to start to adopt the css in a horizontal way.
But this stronlgy depends upon the theme you use.

Give it a try.

Changes in wp-forecast.css.horizontal have no effect whatsoever. I can manipulate the appearance by changing settings in wp_forecast-default-nowp.css but only for one block of forecast data. I am not able to get the three blocks (forecast current day plus two days ahead) in one line. Should I be able to force the use of wp-forecast.css.horizontal settings? And will that do the trick? If so, how do I achieve that? Or is there another way of making it work for me? Your further help would be much appreciated.

Sorry I omitted to mention I am using the premium ‘Hotec’ theme from Themeforest.

Ah sorry, of course you have to copy wp-forecast.css.horizontal to wp_forecast-default-nowp.css before you start.

You can also give your URL and I will have a look at it.

Thanks, did copy as you indicated. Unfortunately it looks more messy now. The URL = ‘www.dataproweb.nl’. Please tell me if you need more info.

Can you please try

add the following rules

div.wp-forecast-curr { height:150px; }
div.wp-forecast-fc-oneday { padding: 0; float: left;}

Perfect! As you can see on my URL that did the trick. Thank you very much for your help.