Project-Pro/__inwestprofil.pagedev.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add color pallet

Browse Source
This commit is contained in:
Roman Pyrih
2026-01-26 15:30:39 +01:00
parent 647779e89c
commit 2287b36947
4 changed files with 145 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
wp-content/themes/hello-elementor/assets/css/custom.css
View File

@@ -9,10 +9,10 @@
}
#hero-slider-new {
height: 540px;
height: calc(100svh - 199px);
}
#hero-slider-new > .swiper {
height: 540px;
height: calc(100svh - 199px);
}
@media (max-width: 1024px) {
#hero-slider-new > .swiper > .swiper-wrapper .swiper-slide > .elementor-element {
@@ -554,6 +554,12 @@
background: #f1f1f1;
}
@media (max-width: 900px) {
#header-contact .elementor-icon-list-items {
flex-direction: column;
row-gap: 5px;
}
}
#header-contact .elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-icon {
padding: 7px;
border: 1px solid black;
@@ -1134,4 +1140,52 @@
figure figcaption {
text-align: center;
}
.kolorystyka-block {
margin-top: 100px;
background: #22a9e1;
}
.kolorystyka-block .c-row {
display: flex;
flex-direction: row;
}
.kolorystyka-block .c-row .c-col-1 {
width: 33.333%;
}
.kolorystyka-block .c-row .c-col-1 img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.kolorystyka-block .c-row .c-col-2 {
width: 66.666%;
display: flex;
flex-direction: column;
row-gap: 20px;
padding: 30px 40px;
}
.kolorystyka-block .c-row .c-col-2 h3 {
color: #fff;
margin: 0;
}
.kolorystyka-block .c-row .c-col-2 p {
color: #fff;
margin: 0;
}
.kolorystyka-block .c-row .c-col-2 a.kolorystyka-button {
display: inline-block;
color: #22a9e1;
font-size: 15px;
font-weight: 500;
line-height: 1;
padding: 12px 24px;
border-radius: 100px;
background: #fff;
width: -moz-fit-content;
width: fit-content;
transition: all 250ms ease-in-out;
}
.kolorystyka-block .c-row .c-col-2 a.kolorystyka-button:hover {
color: #000;
}/*# sourceMappingURL=custom.css.map */

2
wp-content/themes/hello-elementor/assets/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

63
wp-content/themes/hello-elementor/assets/css/custom.scss
View File

@@ -17,10 +17,12 @@
}
#hero-slider-new {
height: 540px;
// height: 540px;
height: calc(100svh - 199px);
> .swiper {
height: 540px;
// height: 540px;
height: calc(100svh - 199px);
> .swiper-wrapper {
.swiper-slide {
@@ -735,6 +737,10 @@
#header-contact {
.elementor-icon-list-items {
@media (max-width: 900px) {
flex-direction: column;
row-gap: 5px;
}
.elementor-icon-list-item {
a {
.elementor-icon-list-icon {
@@ -1491,3 +1497,56 @@ figure {
text-align: center;
}
}
.kolorystyka-block {
margin-top: 100px;
background: #22a9e1;
.c-row {
display: flex;
flex-direction: row;
.c-col-1 {
width: 33.333%;
img {
height: 100%;
object-fit: cover;
}
}
.c-col-2 {
width: 66.666%;
display: flex;
flex-direction: column;
row-gap: 20px;
padding: 30px 40px;
h3 {
color: #fff;
margin: 0;
}
p {
color: #fff;
margin: 0;
}
a.kolorystyka-button {
display: inline-block;
color: #22a9e1;
font-size: 15px;
font-weight: 500;
line-height: 1;
padding: 12px 24px;
border-radius: 100px;
background: #fff;
width: fit-content;
transition: all 250ms ease-in-out;
&:hover {
color: #000;
}
}
}
}
}

28
wp-content/themes/hello-elementor/functions.php
View File

@@ -394,4 +394,30 @@ add_action('wp_enqueue_scripts', function () {
);
});
require_once get_template_directory() . '/plugins/CookieNoticePro/cookies.php';
require_once get_template_directory() . '/plugins/CookieNoticePro/cookies.php';
function kolorystyka_block_shortcode() {
ob_start();
?>
<div class="kolorystyka-block">
<div class="c-row">
<div class="c-col-1">
<img src="/wp-content/uploads/2026/01/kolorystyka.jpg" alt="">
</div>
<div class="c-col-2">
<h3>Kolorystyka</h3>
<p>
Jedna z kluczowych kwestii w aranżacji domu. Nadaje styl i charakter
zarówno elewacji, jak i wnętrzom budynku. Oferujemy szeroką paletę kolorów,
która pozwala idealnie dopasować nasze okna do designu inwestycji.
</p>
<a href="/kolory-aluplast/" class="kolorystyka-button">
Zobacz paletę kolorów
</a>
</div>
</div>
</div>
<?php
return ob_get_clean();
}
add_shortcode('kolorystyka_block', 'kolorystyka_block_shortcode');