align streamplayer icon/image in css Topic is solved
Moderators: leecollings, htilburgs, robgeerts
-
- Posts: 73
- Joined: Tuesday 31 March 2020 22:31
- Target OS: -
- Domoticz version:
- Location: Dutch
- Contact:
align streamplayer icon/image in css
How to make the icon or image of the streamplayer (letter A in the example) bigger and center vertically? I tried a lot but can't find the right description in CSS.
tried a lot with .streamplayer in custom.css
tried a lot with .streamplayer in custom.css
-
- Posts: 73
- Joined: Tuesday 31 March 2020 22:31
- Target OS: -
- Domoticz version:
- Location: Dutch
- Contact:
Re: align streamplayer icon/image in css
Nobody knows this? If I use .streamplayer only the titles of the radio is changed not the icon in front...
-
- Posts: 2291
- Joined: Monday 29 August 2016 22:40
- Target OS: Raspberry Pi / ODroid
- Domoticz version:
- Contact:
Re: align streamplayer icon/image in css
Try the following in custom.css:
Code: Select all
.streamplayer .col-icon {
display:flex;
align-items: center;
width: 100px !important;
max-width: 100px;
}
.streamplayer .col-icon .fas{
font-size: 100px;
}
-
- Posts: 73
- Joined: Tuesday 31 March 2020 22:31
- Target OS: -
- Domoticz version:
- Location: Dutch
- Contact:
Re: align streamplayer icon/image in css
Yes, that works great!! You know a lotLokonli wrote: ↑Sunday 17 January 2021 20:44Try the following in custom.css:
Code: Select all
.streamplayer .col-icon { display:flex; align-items: center; width: 100px !important; max-width: 100px; } .streamplayer .col-icon .fas{ font-size: 100px; }

Do you also know how to avoid that the musicstreamer stops playing after a refresh of Dashticz? I can turn of the refresh, but then my weather is not updated anymore...
-
- Posts: 2291
- Joined: Monday 29 August 2016 22:40
- Target OS: Raspberry Pi / ODroid
- Domoticz version:
- Contact:
Re: align streamplayer icon/image in css
Most browsers don't allow to start autoplay after page load. I did not find a workaround.whoami wrote: ↑Sunday 17 January 2021 22:10Yes, that works great!! You know a lotLokonli wrote: ↑Sunday 17 January 2021 20:44Try the following in custom.css:
Code: Select all
.streamplayer .col-icon { display:flex; align-items: center; width: 100px !important; max-width: 100px; } .streamplayer .col-icon .fas{ font-size: 100px; }
Do you also know how to avoid that the musicstreamer stops playing after a refresh of Dashticz? I can turn of the refresh, but then my weather is not updated anymore...
Probably it's better to try to fix the weather update. Can you post your weather block?
-
- Posts: 73
- Joined: Tuesday 31 March 2020 22:31
- Target OS: -
- Domoticz version:
- Location: Dutch
- Contact:
Re: align streamplayer icon/image in css
I just use the owm module:Lokonli wrote: ↑Monday 18 January 2021 10:53Most browsers don't allow to start autoplay after page load. I did not find a workaround.whoami wrote: ↑Sunday 17 January 2021 22:10Yes, that works great!! You know a lotLokonli wrote: ↑Sunday 17 January 2021 20:44
Try the following in custom.css:
Code: Select all
.streamplayer .col-icon { display:flex; align-items: center; width: 100px !important; max-width: 100px; } .streamplayer .col-icon .fas{ font-size: 100px; }
Do you also know how to avoid that the musicstreamer stops playing after a refresh of Dashticz? I can turn of the refresh, but then my weather is not updated anymore...
Probably it's better to try to fix the weather update. Can you post your weather block?
config['owm_api'] = 'xxxxxxx';
config['owm_city'] = 'xxxxxxx';
config['owm_name'] = 'xxxxxxx';
config['owm_country'] = 'nl';
config['owm_lang'] = 'nl';
config['owm_cnt'] = '5';
config['owm_days'] = 0;
config['owm_min'] = 1;
columns[3] = {}
columns[3]['blocks'] = ['titelradio','streamplayer', 'weather_owm', 'currentweather_big_owm']
columns[3]['width'] = 6;
This one does not update when there is no refresh of Dashticz.
Also I can’t show 2 times weather_owm, one with day interval and other with 3 hours interval. Is that possible too?
-
- Posts: 2291
- Joined: Monday 29 August 2016 22:40
- Target OS: Raspberry Pi / ODroid
- Domoticz version:
- Contact:
Re: align streamplayer icon/image in css
I've checked the code, but indeed, weather_owm (and weather) don't have any refresh functionality.
I'll improve this in a next update, including support for multiple blocks with different block parameters.
I'll improve this in a next update, including support for multiple blocks with different block parameters.
-
- Posts: 73
- Joined: Tuesday 31 March 2020 22:31
- Target OS: -
- Domoticz version:
- Location: Dutch
- Contact:
Re: align streamplayer icon/image in css
That would be nice!
Where can I check the new releases?
-
- Posts: 2291
- Joined: Monday 29 August 2016 22:40
- Target OS: Raspberry Pi / ODroid
- Domoticz version:
- Contact:
Re: align streamplayer icon/image in css
here in the forum
-
- Posts: 73
- Joined: Tuesday 31 March 2020 22:31
- Target OS: -
- Domoticz version:
- Location: Dutch
- Contact:
Re: align streamplayer icon/image in css
I see there is a new beta, is this also in the update I can't find in the release notes, but maybe it is not described.
-
- Posts: 2291
- Joined: Monday 29 August 2016 22:40
- Target OS: Raspberry Pi / ODroid
- Domoticz version:
- Contact:
Re: align streamplayer icon/image in css
No, weather update/refresh has not been implemented yet.
-
- Posts: 73
- Joined: Tuesday 31 March 2020 22:31
- Target OS: -
- Domoticz version:
- Location: Dutch
- Contact:
Re: align streamplayer icon/image in css
Do you know already a planning when it is possibleto refresh the weather block?
And in v3.7.3 you decribed that you could add 2 of the same blocks, but how can I add the weather_owm 2 times?
One with the 3 hour interval and 1 with the daily interval, in the config lines I can only choose between day or hourly updatess
(I know that you're doing a great job, don't get rushed by my question

Who is online
Users browsing this forum: No registered users and 1 guest