Clock and current weather horizontally

[JasonInOttawa]

I would like to show the clock and current weather horizontally in the bottom left as follows, and was hoping for pointers on how to do this in the custom.css file. Thanks!

09:44 icon 1C

Setting them both to bottom_left results in

09:44
icon 1C

[ashishtank]

@JasonInOttawa You mean like below ?

[JasonInOttawa]

@ashishtank I believe you’re showing a clock followed by a calendar. If so, yes, that’s what I’d like, except with a clock and current weather. Thanks very much for your reply.

[JasonInOttawa]

This seems to work

.currentweather {
  display:inline-block;
  margin: 2px;
  zoom:60%;
}

.clock {
  display:inline-block;
  margin: 2px;
}

[ashishtank]

@JasonInOttawa yes, Indeed I was only giving example to understand the requirement. you can do it by using custom.css file. Add below code to show clock and current weather side by side.

.clock
{
	float: left;
}
.currentweather
{
	float: left;
	padding-left: 20px; //Adjust this for left spacing between both modules
}

below should be output.

[ashishtank]

@JasonInOttawa yes there are multiple ways to achieve the same :) We both posted reply at same time !

[JasonInOttawa]

@ashishtank Thanks again! I did notice one difference: the inline-block keeps the bottoms lined up

and the float puts the second element a bit higher:

It all depends on which effect you prefer.

[ashishtank]

@JasonInOttawa May be float is doing this because you are not showing week text as header ? In my screenshot they are aligned on top. Any ways both are on user choice ! :)