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

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

@@ -571,4 +571,25 @@ body.tax-product_cat {
text-align: right;
}
}
}
.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

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

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