Flyttade bakgrunds-bild från theme.json till theme.css

This commit is contained in:
2026-04-12 14:17:32 +02:00
parent 3088197123
commit 357574af84
2 changed files with 32 additions and 28 deletions

View File

@@ -16,6 +16,10 @@
*/ */
body { body {
background-attachment: fixed; background-attachment: fixed;
background-image: url("/wp-content/themes/wp-theme-crille2026/assets/images/background.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} }
/* Stilar till kategori-buttons */ /* Stilar till kategori-buttons */
.taxonomy-category a { .taxonomy-category a {
@@ -38,7 +42,8 @@ body {
font-size: 2rem; font-size: 2rem;
} }
.footer .wp-block-list, .wp-block-latest-posts__list { .footer .wp-block-list,
.wp-block-latest-posts__list {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
li { li {
@@ -48,14 +53,14 @@ body {
/* Lite uppstilning av sökrutan*/ /* Lite uppstilning av sökrutan*/
.searchbox .wp-element-button { .searchbox .wp-element-button {
background: #FF8F3F; background: #ff8f3f;
} }
.wp-block-search__input { .wp-block-search__input {
background-color: var(--wp--preset--color--background-primary); background-color: var(--wp--preset--color--background-primary);
color: var(--wp--preset--color--text-primary); color: var(--wp--preset--color--text-primary);
border-radius: 6px; border-radius: 6px;
border: 1px solid var(--wp--preset--color--code-border); border: 1px solid var(--wp--preset--color--code-border);
padding:0; padding: 0;
} }
.wp-block-search__button { .wp-block-search__button {
@@ -94,9 +99,15 @@ select {
/* Lite MQ */ /* Lite MQ */
@media (max-width: 780px) { @media (max-width: 780px) {
div.wp-block-column {padding-left:0px !important;} div.wp-block-column {
.wp-block-spacer {height: 0 !important;} padding-left: 0px !important;
}
.wp-block-spacer {
height: 0 !important;
}
} }
@media (max-width: 700px) { @media (max-width: 700px) {
form.searchbox {display: none} form.searchbox {
display: none;
}
} }

View File

@@ -109,13 +109,6 @@
} }
}, },
"styles": { "styles": {
"css": "body { \
background-image: url('/wp-content/themes/wp-theme-crille2026/assets/images/background.webp'); \
background-size: cover; \
background-position: center; \
background-repeat: no-repeat; \
background-attachment: fixed; \
}",
"color": { "color": {
"background": "transparent", "background": "transparent",
"text": "var(--wp--preset--color--text-primary)" "text": "var(--wp--preset--color--text-primary)"