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

Enhance styling for Divi theme:

Browse Source 
- Added custom styles for slides, including padding and image adjustments.
- Updated button styles for better consistency and hover effects.
- Improved layout for comment sections and login forms in the sidebar.
- Refined search form styles for better usability.
- Cleaned up SCSS structure for better readability and maintainability.
This commit is contained in:
Jacek Pyziak
2025-06-09 21:02:27 +02:00
parent 2d151bd3d9
commit afb49a90b9
6 changed files with 285 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
.vscode/ftp-kr.sync.cache.json vendored
View File

@@ -195,20 +195,20 @@
"css": { "css": {
"custom.css": { "custom.css": {
"type": "-", "type": "-",
"size": 9518, "size": 9540,
"lmtime": 1741467338065, "lmtime": 1741773306124,
"modified": false "modified": false
}, },
"custom.css.map": { "custom.css.map": {
"type": "-", "type": "-",
"size": 13105, "size": 13128,
"lmtime": 1741467338065, "lmtime": 1741773306124,
"modified": false "modified": false
}, },
"custom.scss": { "custom.scss": {
"type": "-", "type": "-",
"size": 9865, "size": 9887,
"lmtime": 1741467337856, "lmtime": 1741773305929,
"modified": false "modified": false
}, },
"dynamic-assets": {}, "dynamic-assets": {},

2
wp-content/themes/Divi/css/custom.css
View File

File diff suppressed because one or more lines are too long

2
wp-content/themes/Divi/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

21
wp-content/themes/Divi/css/custom.scss
View File

@@ -572,3 +572,24 @@ body.tax-product_cat {
} }
} }
} }
.et_pb_slide {
padding: 0 !important;
}
.et_pb_slide_image {
width: 100% !important;
position: static !important;
margin: 0 !important;
img {
width: 100% !important;
height: auto !important;
max-height: 100% !important;
}
}
.et_pb_slide_description {
display: none !important;
}

2
wp-content/themes/Divi/style.css.map
View File

File diff suppressed because one or more lines are too long

506
wp-content/themes/Divi/style.scss
View File

@@ -1,176 +1,178 @@
//* global //* global
button.button { button.button {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
background-color: #d1021a; background-color: #d1021a;
border-width: 0px !important; border-width: 0px !important;
line-height: 1.7em !important; line-height: 1.7em !important;
position: relative; position: relative;
border: 2px solid; border: 2px solid;
border-radius: 3px; border-radius: 3px;
transition: all 0.2s; transition: all 0.2s;
&:hover { &:hover {
background-color: #00093d !important; background-color: #00093d !important;
border-radius: 5px; border-radius: 5px;
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05);
} }
} }
.et_button_no_icon button.button { .et_button_no_icon button.button {
padding: 0.2em 1em !important; padding: 0.2em 1em !important;
} }
.et_pb_button_helper_class button.button { .et_pb_button_helper_class button.button {
color: #ffffff; color: #ffffff;
} }
//* Page: Opinie //* Page: Opinie
#post-105 { #post-105 {
section#comment-wrap { section#comment-wrap {
padding-top: 0; padding-top: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
#respond { #respond {
order: -1; order: -1;
} }
} }
} }
//* right sidebar //* right sidebar
#block-11 { #block-11 {
.bbp-login-form { .bbp-login-form {
input[type='text'],
input[type='password'] {
background-color: #eee;
max-width: 100%;
border-width: 0;
border-radius: 0;
color: #000;
font-size: 14px;
padding: 5px 16px;
line-height: 1.7em;
border-style: solid;
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
}
.bbp-username, input[type='text'],
.bbp-password { input[type='password'] {
display: flex; background-color: #eee;
flex-direction: column; max-width: 100%;
border-width: 0;
border-radius: 0;
color: #000;
font-size: 14px;
padding: 5px 16px;
line-height: 1.7em;
border-style: solid;
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
}
label { .bbp-username,
font-size: 16px; .bbp-password {
line-height: 1.5; display: flex;
width: 100%; flex-direction: column;
max-width: fit-content;
margin-bottom: 10px;
}
}
.bbp-remember-me { label {
display: flex; font-size: 16px;
align-items: center; line-height: 1.5;
column-gap: 5px; width: 100%;
max-width: fit-content;
margin-bottom: 10px;
}
}
label { .bbp-remember-me {
font-size: 16px; display: flex;
line-height: 1.5; align-items: center;
width: 100%; column-gap: 5px;
max-width: fit-content;
} label {
} font-size: 16px;
} line-height: 1.5;
width: 100%;
max-width: fit-content;
}
}
}
} }
#block-7 { #block-7 {
.bbp-login-form { .bbp-login-form {
input[type='text'],
input[type='password'] {
background-color: #eee;
max-width: 100%;
border-width: 0;
border-radius: 0;
color: #000;
font-size: 14px;
padding: 5px 16px;
line-height: 1.7em;
border-style: solid;
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
}
.bbp-username { input[type='text'],
p { input[type='password'] {
display: flex; background-color: #eee;
flex-direction: column; max-width: 100%;
border-width: 0;
border-radius: 0;
color: #000;
font-size: 14px;
padding: 5px 16px;
line-height: 1.7em;
border-style: solid;
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
}
label { .bbp-username {
font-size: 16px; p {
line-height: 1.5; display: flex;
width: 100%; flex-direction: column;
max-width: fit-content;
margin-bottom: 10px; label {
} font-size: 16px;
} line-height: 1.5;
} width: 100%;
} max-width: fit-content;
margin-bottom: 10px;
}
}
}
}
} }
//* table //* table
#bbpress-forums, #bbpress-forums,
.bbp-forums, .bbp-forums,
.bbp-search-results { .bbp-search-results {
* { * {
&:not(.button) { &:not(.button) {
font-size: 14px; font-size: 14px;
} }
} }
.bbp-search-form { .bbp-search-form {
margin-bottom: 10px; margin-bottom: 10px;
#bbp_search { #bbp_search {
background-color: #eee; background-color: #eee;
border-width: 0; border-width: 0;
border-radius: 0; border-radius: 0;
color: #000; color: #000;
font-size: 14px; font-size: 14px;
padding: 5px 16px !important; padding: 5px 16px !important;
line-height: 1.7em; line-height: 1.7em;
border-style: solid; border-style: solid;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
// max-width: 300px; // max-width: 300px;
margin: 0; margin: 0;
outline: 0; outline: 0;
height: auto !important; height: auto !important;
} }
#bbp_search_submit { #bbp_search_submit {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
background-color: #d1021a; background-color: #d1021a;
border-width: 0px !important; border-width: 0px !important;
line-height: 1.7em !important; line-height: 1.7em !important;
position: relative; position: relative;
border: 2px solid; border: 2px solid;
border-radius: 3px; border-radius: 3px;
transition: all 0.2s; transition: all 0.2s;
&:hover { &:hover {
background-color: #00093d !important; background-color: #00093d !important;
border-radius: 5px; border-radius: 5px;
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05);
} }
} }
} }
} }
// #bbpress-forums { // #bbpress-forums {
@@ -386,137 +388,137 @@ button.button {
//* //*
.bbp-no-reply, .bbp-no-reply,
.bbp-no-topic { .bbp-no-topic {
form.bbp-login-form { form.bbp-login-form {
.bbp-form { .bbp-form {
border: 1px solid #d3ced2; border: 1px solid #d3ced2;
padding: 20px; padding: 20px;
margin: 2em 0; margin: 2em 0;
text-align: left; text-align: left;
border-radius: 5px; border-radius: 5px;
} }
.bbp-username, .bbp-username,
.bbp-password { .bbp-password {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
label { label {
font-size: 19px; font-size: 19px;
line-height: 2; line-height: 2;
width: 100%; width: 100%;
max-width: fit-content; max-width: fit-content;
} }
input[type='text'], input[type='text'],
input[type='password'] { input[type='password'] {
background-color: #eee; background-color: #eee;
border-width: 0; border-width: 0;
border-radius: 0; border-radius: 0;
color: #000; color: #000;
font-size: 14px; font-size: 14px;
padding: 5px 16px !important; padding: 5px 16px !important;
line-height: 1.7em; line-height: 1.7em;
border-style: solid; border-style: solid;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
max-width: 300px; max-width: 300px;
margin: 0; margin: 0;
outline: 0; outline: 0;
height: auto !important; height: auto !important;
} }
} }
.bbp-remember-me { .bbp-remember-me {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
column-gap: 5px; column-gap: 5px;
label { label {
font-size: 19px; font-size: 19px;
line-height: 2; line-height: 2;
width: 100%; width: 100%;
max-width: fit-content; max-width: fit-content;
} }
} }
} }
} }
.bbp-reply-form, .bbp-reply-form,
.bbp-topic-form { .bbp-topic-form {
#new-post { #new-post {
border: 1px solid #d3ced2; border: 1px solid #d3ced2;
padding: 20px; padding: 20px;
margin: 2em 0; margin: 2em 0;
text-align: left; text-align: left;
border-radius: 5px; border-radius: 5px;
.bbp-form { .bbp-form {
padding: 0; padding: 0;
margin: 0; margin: 0;
border: none; border: none;
legend { legend {
font-size: 16px; font-size: 16px;
color: #000; color: #000;
font-weight: 600; font-weight: 600;
} }
> div { >div {
> p { >p {
label { label {
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
width: 100%; width: 100%;
max-width: fit-content; max-width: fit-content;
margin-bottom: 5px; margin-bottom: 5px;
} }
input[type='text'] { input[type='text'] {
background-color: #eee; background-color: #eee;
border-width: 0; border-width: 0;
border-radius: 0; border-radius: 0;
color: #000; color: #000;
font-size: 14px; font-size: 14px;
padding: 5px 16px !important; padding: 5px 16px !important;
line-height: 1.7em; line-height: 1.7em;
border-style: solid; border-style: solid;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
// max-width: 300px; // max-width: 300px;
margin: 0; margin: 0;
outline: 0; outline: 0;
height: auto !important; height: auto !important;
} }
} }
} }
} }
.bbp-the-content-wrapper { .bbp-the-content-wrapper {
textarea { textarea {
background-color: #eee; background-color: #eee;
border-width: 0; border-width: 0;
border-radius: 0; border-radius: 0;
color: #000; color: #000;
font-size: 14px; font-size: 14px;
padding: 5px 16px !important; padding: 5px 16px !important;
line-height: 1.7em; line-height: 1.7em;
border-style: solid; border-style: solid;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
margin: 0; margin: 0;
outline: 0; outline: 0;
height: auto !important; height: auto !important;
} }
} }
.bbp_topic_subscription { .bbp_topic_subscription {
font-size: 19px; font-size: 19px;
line-height: 2; line-height: 2;
width: 100%; width: 100%;
max-width: fit-content; max-width: fit-content;
} }
} }
} }
// #stock_notifier_main_form { // #stock_notifier_main_form {