Domoticz

Posted: **Sunday 21 March 2021 14:35**

Hi all,

I have made a block "gordijnen" and added a css_class like this.

blocks['gordijnendicht'] = {
	addClass: 'gordijn',
	idx:250,
	image:'gordijnen dicht.png',
	hide_data : true,	
	last_update : false, 	
}

In custom.css I can adjust font border title and colors.
but i can not change the image size.

tried:

Code: Select all

.gordijn image{
	max-width: 130px;
	width: 110px;
}

I also can not adjust my camera in custom.css

Code: Select all

blocks["camera voor"] = {
        type: "camera",
		key : "CAM",
        cameras: [
               
                {
                        title: "Camera Voor",
                        imageUrl: "http://192.168.x.x.x/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=user&pwd=pwd",
                },
        ],
        width: 8,
        height: 150,
        refresh: 0.1,
        traytimeout: 3,
        slidedelay: 3,
        forcerefresh: 1,
};

and in css

Code: Select all

.blocks[data-id='CAM'] {
	margin-left:50px;
		
}

any help?
Jan

Posted: **Sunday 21 March 2021 14:39**

Try with ' !important' behind the CSS value

Sent from my SM-A320FL using Tapatalk

Posted: **Sunday 21 March 2021 14:42**

Tried that with no luck

Posted: **Sunday 21 March 2021 15:40**

Can you try with:

Code: Select all

.gordijn .icon {
	max-width: 130px !important;
	width: 110px !important;
}

If you want to know what class to use you can use dev tools (F12) of the browser and select the element.

Posted: **Sunday 21 March 2021 15:49**

Thnx Hansie,

that did the trick.
Now stil my cameraview, this is on a tablet so I cannot use f12

Domoticz

change imagesize

change imagesize

Re: change imagesize

Re: change imagesize

Re: change imagesize

Re: change imagesize