Plugin Author
tuxlog
(@tuxlog)
Hi Rico,
well at the moment the column is not wide enough to hold all three icons side by side because the text is too long for it.
To place the forcast icons side by side you can add
float:left; max-width:150px; to the class wp-forecast-fc-oneday.
You should copy wp-forecast-default.css to wp-forcast.css and then add the changes toi maeks ure changes are not overwritten when updating the plugin.
Thread Starter
Rico
(@nascas)
Thank you.
Where can I find wp-forecast-fc-oneday?
Plugin Author
tuxlog
(@tuxlog)
It is a css class inside wp-forecast-default.css
Thread Starter
Rico
(@nascas)
Ah, sorry, I missed that. Thanks.
It’s working now.
Is it possible to remove the year. This way there should be enough space, right?
Plugin Author
tuxlog
(@tuxlog)
wp-forecast uses the date format used in your blog.
You can change this in the General Settings.
If you want to have your own wp-forecfast date format you have to change funclib.php.
Look for the lines:
$av['fc_date_format']=get_option("date_format");
$av['fc_time_format']=get_option("time_format");
replace the part after the = with what ever you like to have and do not forget the ; at the end of the line.
To get information about how the string must be defined click on the link at General->Settings or visit https://codex.wordpress.org/Formatting_Date_and_Time
E.g.
$av['fc_date_format']='d.m.;
$av['fc_time_format']=get_option("time_format");
to get day dot month instead of the current blog date format.
Hope it helps.
Thread Starter
Rico
(@nascas)
Uh, I have missed that, sorry!
Thank you, I will get into it! 😉
Thread Starter
Rico
(@nascas)
Hi, tuxlog,
Again, I’m having all the forecasts in one row.
It worked for a while but not anymore.
I removed the year but that didn’t help.
What can I do now? 😉
Thank you,
R
Plugin Author
tuxlog
(@tuxlog)
Hello Rico,
well, so something must have changed.
Did you do any changes?
Thread Starter
Rico
(@nascas)
Hi,
Not a thing. 😉
Maybe we should try the default version?
Plugin Author
tuxlog
(@tuxlog)
If you do not use the “default version”, you can compare what you have changed and see where the difference is. I would recommend to try this first.
Thread Starter
Rico
(@nascas)
Hm, I’m not smart enough. 🙁
I deleted the plugin and installed it one more time.
Then I used this code you suggested me once:
https://wordpress.org/support/topic/icons-placement/?replies=6#post-7104784
The fonts are now bigger but the placement is still not horizontal (icons next to each other).
This was the optimal placement:
http://shrani.si/f/1h/Qq/37ccWNt9/vreme.jpg
I suspect I updated the plugin and all my changes were lost but I really don’t know why the previous code doesn’t work.
Plugin Author
tuxlog
(@tuxlog)
Hello Rico,
wel,, so first of all copy wp-forecast-default.css to wp-forecast.css. This will avoid your changes will be lost during plugin update. I recommend to keep a backup of this file.
Change the following css rules:
div.wp-forecast-fc-right {
font-size: 11px;
padding: 3px;
text-align: left;
width: 120px;
}
div.wp-forecast-fc-oneday {
padding: 0px;
float: left;
width: 30%;
}
div.wp-forecast-fc {
font-size: 11px;
padding: 2px;
text-align: left;
margin-left: auto;
margin-right: auto;
float: left;
}
div.wp-forecast-curr-head {
font-size: 11px;
padding: 3px;
text-align: center;
margin-left: auto;
margin-right: auto;
float: left;
}
div.wp-forecast-curr-block {
padding: 0px;
float: left;
}
div.wp-forecast-curr-details {
font-size: 11px;
padding: 15px;
text-align: left;
float: left;
}
I hope I didn’t miss to copy a rule. But we will probably find out this when seeing the result. 😉
Thread Starter
Rico
(@nascas)
Excellent! It’s working! 😉
Perhaps the alignment needs a little fine tuning.
http://shrani.si/f/19/RW/27GZXFC9/weat.jpg
Thank you very much, your help is much appreciated!
