Title: CSS changes when using shortcode Last modified: August 21, 2016 --- # CSS changes when using shortcode * Resolved [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * (@rvdspoelplanetnl) * [12 years, 3 months ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/) * Thanks for creating a really great plugin! I placed shortcodes like [wpforecast id=”B” lang=”en_EN” width=”73%” height=”540″] on my homepages (6 languages). Works great but I would like to change the appearance of the forecast header lines (e.g. ‘Forecast 24 december 2013’) – I need it to be in bold. No matter what I change in the CSS file has no effect at all. I guess this is because of the use of standard wordpress shortcode call? Can you help me with this? My site is temporarily at ‘www.dataproweb.nl’ Thanks beforehand! * [http://wordpress.org/plugins/wp-forecast/](http://wordpress.org/plugins/wp-forecast/) Viewing 13 replies - 1 through 13 (of 13 total) * Plugin Author [tuxlog](https://wordpress.org/support/users/tuxlog/) * (@tuxlog) * [12 years, 3 months ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440544) * Did you try to change wp-forecast-default-nowp.css instead of wp-forecast-default. css? * Should do the trick. * Thread Starter [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * (@rvdspoelplanetnl) * [12 years, 3 months ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440547) * It’s OK now. Thanks very much! * Thread Starter [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * (@rvdspoelplanetnl) * [12 years, 3 months ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440578) * 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? * Plugin Author [tuxlog](https://wordpress.org/support/users/tuxlog/) * (@tuxlog) * [12 years, 3 months ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440582) * 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) * Thread Starter [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * (@rvdspoelplanetnl) * [12 years, 3 months ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440583) * 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! * Thread Starter [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * (@rvdspoelplanetnl) * [12 years, 1 month ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440677) * 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’ * Plugin Author [tuxlog](https://wordpress.org/support/users/tuxlog/) * (@tuxlog) * [12 years, 1 month ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440678) * 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. * Thread Starter [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * (@rvdspoelplanetnl) * [12 years, 1 month ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440679) * 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. * Thread Starter [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * (@rvdspoelplanetnl) * [12 years, 1 month ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440680) * Sorry I omitted to mention I am using the premium ‘Hotec’ theme from Themeforest. * Plugin Author [tuxlog](https://wordpress.org/support/users/tuxlog/) * (@tuxlog) * [12 years, 1 month ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440681) * 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. * Thread Starter [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * (@rvdspoelplanetnl) * [12 years, 1 month ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440682) * 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. * Plugin Author [tuxlog](https://wordpress.org/support/users/tuxlog/) * (@tuxlog) * [12 years, 1 month ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440683) * Can you please try * add the following rules * ``` div.wp-forecast-curr { height:150px; } div.wp-forecast-fc-oneday { padding: 0; float: left;} ``` * Thread Starter [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * (@rvdspoelplanetnl) * [12 years, 1 month ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440684) * Perfect! As you can see on my URL that did the trick. Thank you very much for your help. Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘CSS changes when using shortcode’ is closed to new replies. * ![](https://ps.w.org/wp-forecast/assets/icon-128x128.png?rev=1515240) * [wp-forecast](https://wordpress.org/plugins/wp-forecast/) * [Frequently Asked Questions](https://wordpress.org/plugins/wp-forecast/#faq) * [Support Threads](https://wordpress.org/support/plugin/wp-forecast/) * [Active Topics](https://wordpress.org/support/plugin/wp-forecast/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/wp-forecast/unresolved/) * [Reviews](https://wordpress.org/support/plugin/wp-forecast/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [shortcode](https://wordpress.org/support/topic-tag/shortcode/) * 13 replies * 2 participants * Last reply from: [rvdspoel](https://wordpress.org/support/users/rvdspoelplanetnl/) * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/css-changes-when-using-shortcode/#post-4440684) * Status: resolved