Two side by side modules in the same region

[tenpinmark]

@sdetweil Again, many thanks for your time and efforts in “teaching the idiot” here :-)

I’ll follow the instructions above and hope it contributes to the community here - one of the best!

[miniashman]

@sdetweil i am trying to do the same thing. I want worldclock and WiFiPassword side by side in bottom_left. Where do I need to make the change? in the config.js file? and how do I define which modules I want there?

[sdetweil]

@miniashman you will have to supply a custom.css entry to move one next to the other…

there is nothing butilin to do that

and u will have to learn css… there is no cut/paste answer

[miniashman]

@sdetweil sure have been working on custom.css on other modules. Just need some guidance and will figure it out. Was just wondering where to have this code and how to define both modules

if(this.config.float!== ""){
        // get the MM div container for this module (parent of our wrapper div)
	document.getElementById(this.identifier).style.float=this.config.float;			
        // adjust the border between instances
	if(this.config.spacing !==""){
		if(this.config.float === "left")
			document.getElementById(this.identifier).style.marginLeft=this.config.spacing
	        else if(this.config.float === "right")
			document.getElementById(this.identifier).style.marginRight=this.config.spacing
		}
	}	

[sdetweil]

@miniashman i was showing u code from one of my modules, its not complete as it was shown

but u can use style

float and left or right

https://www.w3schools.com/cssref/pr_class_float.asp

to make the module content move

[miniashman]

@sdetweil cool… will experiment :thumbs_up: