diff --git a/files/bulma.css b/files/bulma.css
index 940655e..0a396e8 100644
--- a/files/bulma.css
+++ b/files/bulma.css
@@ -3314,6 +3314,12 @@ fieldset[disabled] .button {
margin-right: .25rem
}
+body > .container {
+ padding-top: 30px;
+ flex-grow: 1;
+ width: 100%;
+}
+
.container {
flex-grow: 1;
margin: 0 auto;
@@ -3332,11 +3338,24 @@ fieldset[disabled] .button {
.hero-body > .container {
flex-grow: unset;
}
+ .container {
+ padding: 0 30px;
+ }
+
+ .container .container,
+ footer .container,
+ nav .container {
+ padding: 0 0;
+ }
+
+ .section:not(.features) {
+ padding: 3rem 0rem !important;
+ }
}
@media screen and (min-width: 1024px) {
.container {
- max-width: 960px
+ max-width: 960px;
}
}
@@ -7851,18 +7870,6 @@ a.navbar-item {
cursor: pointer
}
-.navbar-link.is-active,
-.navbar-link:focus,
-.navbar-link:focus-within,
-.navbar-link:hover,
-a.navbar-item.is-active,
-a.navbar-item:focus,
-a.navbar-item:focus-within,
-a.navbar-item:hover {
- background-color: #fafafa;
- color: #3273dc
-}
-
.navbar-item {
display: block;
flex-grow: 0;
diff --git a/files/header1.jpg b/files/header1.jpg
new file mode 100644
index 0000000..bf7dfcf
Binary files /dev/null and b/files/header1.jpg differ
diff --git a/files/picture1.jpg b/files/picture1.jpg
new file mode 100644
index 0000000..0d9df36
Binary files /dev/null and b/files/picture1.jpg differ
diff --git a/files/picture2.jpg b/files/picture2.jpg
new file mode 100644
index 0000000..b961b9a
Binary files /dev/null and b/files/picture2.jpg differ
diff --git a/files/picture3.jpg b/files/picture3.jpg
new file mode 100644
index 0000000..d6d3e9c
Binary files /dev/null and b/files/picture3.jpg differ
diff --git a/files/tiled1.jpg b/files/tiled1.jpg
new file mode 100644
index 0000000..1cfcc2d
Binary files /dev/null and b/files/tiled1.jpg differ
diff --git a/files/tiled2.jpg b/files/tiled2.jpg
new file mode 100644
index 0000000..744bbe9
Binary files /dev/null and b/files/tiled2.jpg differ
diff --git a/files/tiled3.jpg b/files/tiled3.jpg
new file mode 100644
index 0000000..588fd0b
Binary files /dev/null and b/files/tiled3.jpg differ
diff --git a/files/tiled4.jpg b/files/tiled4.jpg
new file mode 100644
index 0000000..1d493ad
Binary files /dev/null and b/files/tiled4.jpg differ
diff --git a/functions.php b/functions.php
index 55782ca..953e4bb 100644
--- a/functions.php
+++ b/functions.php
@@ -23,6 +23,18 @@ add_action( 'after_setup_theme', 'fachwerksauna_setup' );
function theme_customize_register( $wp_customize ) {
+ $wp_customize->add_setting( 'theme_color', array(
+ 'default' => '#ed9b40',
+ 'transport' => 'refresh',
+ ) );
+
+ $wp_customize->add_control( new WP_Customize_Color_Control(
+ $wp_customize, 'theme_color', array(
+ 'section' => 'colors',
+ 'label' => esc_html__( 'Theme color', 'theme' ),
+ ) ) );
+
+
$wp_customize->add_setting( 'fachwerksauna_footer-text', array(
'default' => '',
'type' => 'option',
@@ -42,4 +54,18 @@ function theme_customize_register( $wp_customize ) {
}
-add_action( 'customize_register', 'theme_customize_register' );
\ No newline at end of file
+add_action( 'customize_register', 'theme_customize_register' );
+
+function fachwerksauna_customize_css()
+{
+ $theme_color = get_theme_mod('theme_color', '#ed9b40');
+ ?>
+
+
-
+>
+
diff --git a/style.css b/style.css
index c933325..51e9d98 100644
--- a/style.css
+++ b/style.css
@@ -16,31 +16,32 @@ html { margin-top: 0px !important; }
body {
color: #1b1b1b;
font-family: Inter, sans-serif;
- overflow-x: hidden
+ overflow-x: hidden;
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
}
a:hover {
- color: #1851B4;
- text-decoration: underline
+ color: var(--themeColor);
+ text-decoration: underline;
+ filter: brightness(120%);
}
-.content p {
+.content p, p {
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 10px;
}
-.contentWrapper > p, ul {
- width: 100%;
- max-width: 1390px;
- margin: 0 auto;
- font-size: 16px;
- font-weight: 400;
- line-height: 22px;
- margin-bottom: 10px;
- padding: 0 23px;
- }
+p a:not(.button), label a {
+ color: var(--themeColor) !important;
+}
+
+p a:not(.button):hover, label a:hover {
+ filter: brightness(120%);
+}
h1 {
font-size: 60px;
@@ -121,7 +122,7 @@ a.no-underline {
}
.button {
- background-color: #ED9B40;
+ background-color: var(--themeColor);
text-shadow: none;
border: none;
border-radius: 8px;
@@ -133,7 +134,7 @@ a.no-underline {
}
.rentButton {
- background-color: #ED9B40;
+ background-color: var(--themeColor);
border-radius: 10px;
padding: 10px 20px !important;
margin-left: 10px;
@@ -141,6 +142,41 @@ a.no-underline {
color: white !important;
}
+.mailpoet_submit, .wp-block-button__link {
+ background-color: var(--themeColor);
+ text-shadow: none;
+ border: none;
+ border-radius: 8px;
+ color: #fff;
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-weight: 600 !important;
+ text-decoration: none;
+ padding: 10px 15px !important;
+ font-size: 14px;
+}
+
+.mailpoet_submit:hover, .wp-block-button__link:hover {
+ filter: brightness(120%);
+}
+
+.mailpoet_text {
+ padding: 10px !important;
+}
+
+.contact-form label {
+ font-weight: 500;
+}
+
+.contact-form label.textarea {
+ min-height: unset !important;
+ border: 0;
+ padding-left: 0;
+}
+
+.contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="text"], .contact-form input[type="url"] {
+ padding: 10px 7px;
+}
+
@media screen and (max-width: 1024px) {
.rentButton {
margin: 5px 10px;
@@ -148,7 +184,8 @@ a.no-underline {
}
.rentButton:hover {
- background-color: #FFAA48 !important;
+ background-color: var(--themeColor) !important;
+ filter: brightness(120%);
}
.button[disabled] {
@@ -156,7 +193,8 @@ a.no-underline {
}
.button:hover {
- background-color: #FFAA48;
+ background-color: var(--themeColor) !important;
+ filter: brightness(120%);
color: #fff;
text-decoration: none
}
@@ -219,6 +257,22 @@ html.has-navbar-fixed-top {
border-bottom: 1px solid #ebeaeb
}
+body.logged-in,
+body.logged-in nav {
+ margin-top: 32px;
+}
+
+@media (max-width: 782px) {
+ body.logged-in,
+ body.logged-in nav {
+ margin-top: 46px;
+ }
+
+ html #wpadminbar {
+ position: fixed !important;
+ }
+}
+
@media (min-width: 1024px) {
body.has-navbar-fixed-top,
@@ -278,7 +332,7 @@ html.has-navbar-fixed-top {
}
.mainNavbar a.navbar-item:hover {
- color: #C76E08;
+ color: var(--themeColor);
}
.mainNavbar .language-selector .icon {
@@ -293,6 +347,9 @@ html.has-navbar-fixed-top {
max-height: 760px;
min-height: 600px;
background-position: 70% 0%;
+ width: 100vw;
+ margin-left: calc(50% - 50vw);
+ margin-top: -30px;
}
@media (min-width: 1024px) {
@@ -419,7 +476,9 @@ html.has-navbar-fixed-top {
}
.section.features {
- background-color: #F6F6F6
+ background-color: #F6F6F6;
+ width: 100vw;
+ margin-left: calc(50% - 50vw);
}
.section.features .box {