Currently, I'm attempting to customize the colors of my user profile page located at www.wastelandgamers.com/user-profile. My goal is to transform the blue fields into white and change the text within those fields from white to black.
While I can achieve this desired look by using Google Chrome's developer tools, I am struggling to locate the HTML document that needs modification in order to implement these changes permanently. Despite thoroughly searching through various site files via cPanel's file manager, I haven't been able to find the specific document.
Below are screen captures showing the before and after results of the color transformation using the developer tools.
Before code adjustment:
https://i.sstatic.net/00cxb.png
After code adjustment:
https://i.sstatic.net/SKixr.png
The code requiring modification (.entry-content towards bottom)
.tml-profile {
max-width: 100%;
}
.tml-profile .tml-form-table {
border-collapse: collapse;
}
.tml-profile .tml-form-table th,
.tml-profile .tml-form-table td {
display: block;
vertical-align: middle;
width: auto;
}
.tml-profile .screen-reader-text,
.tml-profile .screen-reader-text span {
height: 1px;
left: -1000em;
overflow: hidden;
position: absolute;
width: 1px;
}
.tml-profile .wp-pwd {
text-align: right;
}
.tml-profile .wp-pwd .dashicons {
font-size: 1em;
line-height: 1;
height: 1em;
width: 1em;
vertical-align: middle;
}
.tml-profile #pass-strength-result {
margin: 0.5em 0;
}
.hidden,
.no-js .hide-if-no-js,
.js .hide-if-js {
display: none;
}
@media screen and (min-width: 768px) {
.tml-profile .tml-submit-wrap input {
width: auto;
}
}
.entry-content tr th, .entry-content thead th {
color: #cbcbcb;
background-color: #fff;
}My website utilizes the Parabola theme with Theme my login for the profile page customization.
If anyone has insights on why I cannot locate the necessary file for editing or alternative methods to make the desired changes, your assistance would be greatly appreciated! Feel free to request additional information if needed.