Long time since I wrote anything up for the blog…but it’s time.
Anyone who’s worked with WordPress knows that you need to keep up with all the updates for the Themes, widgets and any Plugins running on your sites. A couple of weeks ago, I ran four updates for one Theme and a couple days later I ran another up for Contact Form 7. Usually, I would check my site to make sure nothing failed after the updates. This time I waited for a couple weeks.
When I did get around to checking the site again, I found the following.
The sidebar text did not appear, using the Easy Custom Sidebar plugin.
The text was missing in Contact Form 7.
The error message for Contact Form 7 was also missing.
It didn’t take long for me to realize that the text was but had been turned white with a white background and you could not see the text.
After several different attempts to fix the errors, I had created and added custom CSS to repair the site.
Below is that I have added to the CSS file to create any issues from the updates. At this point I went ahead did some more custom CSS for the Contact Form 7 to correct the appearance.
Here is what I have added. Feel free to use for your site. From your site go to Customizing and select Additional CSS copy and paste what you need.
/* Contact form 7 Style ,wdcf7 */
.wpcf7 {
background-color: #DBDBDB;
border: 2px solid #666666;
}
.wpcf7-form {
margin-left: 25px;
margin-right: 25px;
margin-top: 25px;
margin-bottom; 25px;
}
.wpcf7-textarea{
width: 85%;
}
.wpcf7 input{
width: 10; /*used to correct the usually large send button contact form 7 */
}
.wpcf7 p {
color: black; /* used to correct white label text against white background on contact form 7*/
}
.wpcf7-response-output{
color: black; /* used to correct response white text against white background on contact form 7 */
}
@media only screen and (max-width: 767px) {
figure.alignleft, img.alignleft, figure.alignright, img.alignright {
float:none; /*used to correct image issues when page appears on mobile devices.*/
}
}
.textwidget p{
color:black; /.* fixed the white text against white background sidebar */
}
I hope this helps others working with WordPress.
cit101blog 