From ed81d69ae8f82646a518c71c8895e8fa3f3d482d Mon Sep 17 00:00:00 2001 From: Roman Pyrih Date: Thu, 2 Apr 2026 10:47:00 +0200 Subject: [PATCH] Change checkbox style --- .../themes/hello-elementor/assets/css/custom.css | 2 +- .../hello-elementor/assets/css/custom.css.map | 2 +- .../themes/hello-elementor/assets/css/custom.scss | 15 +++++++++------ 3 files changed, 11 insertions(+), 8 deletions(-) diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css b/wp-content/themes/hello-elementor/assets/css/custom.css index 5373e06..5bfcc0f 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css +++ b/wp-content/themes/hello-elementor/assets/css/custom.css @@ -1 +1 @@ -html{scroll-padding-top:150px}p:last-child{margin-bottom:0}.box-1>.e-con-inner{position:relative;padding:80px 70px;border-radius:28px;background:#fff}@media(max-width: 1024px){.box-1>.e-con-inner{padding:234px 24px 24px 24px;border-radius:0}}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance){position:relative}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) label{position:absolute;top:24px;left:22px;transform:translateY(-50%);transition:.3s ease;pointer-events:none;font-size:15px;color:#505050;font-weight:400}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input{height:48px;padding:19px 16px 5px;font-size:15px;font-weight:600}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea{padding:19px 16px 5px;font-size:15px;font-weight:600;resize:none}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-type-acceptance .elementor-field-option{display:flex;flex-direction:row;align-items:center;gap:12px}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;width:24px;min-width:24px;height:24px;background:#00ac35;border-radius:8px;cursor:pointer}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px;background-image:url("/wp-content/uploads/2026/03/Check.svg");background-size:contain;background-repeat:no-repeat;opacity:0}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]:checked::before{opacity:1}#kontakt-form .elementor-field-type-acceptance label{color:#1e1756;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:1.7;cursor:pointer}@media(min-width: 768px){#header-box{position:fixed}}@media(max-width: 768px){.card .elementor-image-box-wrapper{display:flex;align-items:center;gap:20px}}@media(max-width: 768px){.komfort-box{display:flex;align-items:center;gap:20px}}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file +html{scroll-padding-top:150px}p:last-child{margin-bottom:0}.box-1>.e-con-inner{position:relative;padding:80px 70px;border-radius:28px;background:#fff}@media(max-width: 1024px){.box-1>.e-con-inner{padding:234px 24px 24px 24px;border-radius:0}}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance){position:relative}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) label{position:absolute;top:24px;left:22px;transform:translateY(-50%);transition:.3s ease;pointer-events:none;font-size:15px;color:#505050;font-weight:400}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input{height:48px;padding:19px 16px 5px;font-size:15px;font-weight:600}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea{padding:19px 16px 5px;font-size:15px;font-weight:600;resize:none}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-type-acceptance .elementor-field-option{display:flex;flex-direction:row;align-items:center;gap:12px}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;width:24px;min-width:24px;height:24px;border:2px solid #00ac35;border-radius:8px;cursor:pointer}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:14px;height:14px;background-color:#00ac35;border-radius:4px;opacity:0;transition:all .3s ease}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]:checked::before{opacity:1}#kontakt-form .elementor-field-type-acceptance label{color:#1e1756;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:1.7;cursor:pointer}@media(min-width: 768px){#header-box{position:fixed}}@media(max-width: 768px){.card .elementor-image-box-wrapper{display:flex;align-items:center;gap:20px}}@media(max-width: 768px){.komfort-box{display:flex;align-items:center;gap:20px}}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css.map b/wp-content/themes/hello-elementor/assets/css/custom.css.map index c86c6bf..70d733a 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css.map +++ b/wp-content/themes/hello-elementor/assets/css/custom.css.map @@ -1 +1 @@ -{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,KACC,wBAAA,CAIA,aACC,eAAA,CAKD,oBACC,iBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,0BAND,oBAOE,4BAAA,CACA,eAAA,CAAA,CAOD,2EACC,iBAAA,CAEA,iFACC,iBAAA,CACA,QAAA,CACA,SAAA,CACA,0BAAA,CACA,mBAAA,CACA,mBAAA,CAKA,cAAA,CACA,aAAA,CACA,eAAA,CAGD,iFACC,WAAA,CACA,qBAAA,CACA,cAAA,CACA,eAAA,CAEA,mGACC,WAAA,CADD,8FACC,WAAA,CAGD,8GAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,4MAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAIF,oFACC,qBAAA,CACA,cAAA,CACA,eAAA,CACA,WAAA,CAEA,sGACC,WAAA,CADD,iGACC,WAAA,CAGD,iHAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,kNAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAOH,uEACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAED,oEACC,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,iBAAA,CAEA,oBAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,cAAA,CAEA,4EACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,UAAA,CACA,WAAA,CACA,6DAAA,CACA,uBAAA,CACA,2BAAA,CACA,SAAA,CAED,oFACC,SAAA,CAGF,qDACC,aAAA,CACA,kCAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CAMF,yBADD,YAEE,cAAA,CAAA,CAMA,yBADD,mCAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAMF,yBADD,aAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA","file":"custom.css"} \ No newline at end of file +{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,KACC,wBAAA,CAIA,aACC,eAAA,CAKD,oBACC,iBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,0BAND,oBAOE,4BAAA,CACA,eAAA,CAAA,CAOD,2EACC,iBAAA,CAEA,iFACC,iBAAA,CACA,QAAA,CACA,SAAA,CACA,0BAAA,CACA,mBAAA,CACA,mBAAA,CAKA,cAAA,CACA,aAAA,CACA,eAAA,CAGD,iFACC,WAAA,CACA,qBAAA,CACA,cAAA,CACA,eAAA,CAEA,mGACC,WAAA,CADD,8FACC,WAAA,CAGD,8GAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,4MAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAIF,oFACC,qBAAA,CACA,cAAA,CACA,eAAA,CACA,WAAA,CAEA,sGACC,WAAA,CADD,iGACC,WAAA,CAGD,iHAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,kNAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAOH,uEACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAED,oEACC,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,iBAAA,CAEA,oBAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,wBAAA,CACA,iBAAA,CACA,cAAA,CAEA,4EACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,iBAAA,CAIA,SAAA,CACA,uBAAA,CAED,oFACC,SAAA,CAGF,qDACC,aAAA,CACA,kCAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CAMF,yBADD,YAEE,cAAA,CAAA,CAMA,yBADD,mCAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAMF,yBADD,aAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA","file":"custom.css"} \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.scss b/wp-content/themes/hello-elementor/assets/css/custom.scss index 746b64d..efb6d40 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.scss +++ b/wp-content/themes/hello-elementor/assets/css/custom.scss @@ -98,7 +98,7 @@ p { width: 24px; min-width: 24px; height: 24px; - background: #00ac35; + border: 2px solid #00ac35; border-radius: 8px; cursor: pointer; @@ -108,12 +108,15 @@ p { top: 50%; left: 50%; transform: translate(-50%, -50%); - width: 12px; - height: 12px; - background-image: url('/wp-content/uploads/2026/03/Check.svg'); - background-size: contain; - background-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: #00ac35; + border-radius: 4px; + // background-image: url('/wp-content/uploads/2026/03/Check.svg'); + // background-size: contain; + // background-repeat: no-repeat; opacity: 0; + transition: all 0.3s ease; } &:checked::before { opacity: 1;