Hi, I'm having trouble editing a few things on a post. I can't find these things within customizer. Could you tell me how to fix this or else let me know what custom CSS to use? I've circled the problem in the attached screenshots for reference. (Photo numbers correspond to numbers below.) Thank you!
1. How do I get rid of the text “Share This:” as well as the facebook/twitter share boxes at the bottom of the post ? I mean the share boxes within the post itself- not the social icons in the share bar below this.
2. How do I change the text color of comment count in the share box below the post?
3. How do I change the text color of the post titles and the text color of the post dates displayed in the Related Posts widget?
4. How do I change the text color of the H2 heading below the round photo in the About Me widget in the Main Sidebar?
5. On the Mailchimp SIgnup Form widget in Main Sidebar:
a.) How do I change the white background color of the submit button as well as the text color on this button? (not during hover)
b.) How do I change the color of input text and placeholder text on the form?
Hi, I'm having trouble editing a few things on a post. I can't find these things within customizer. Could you tell me how to fix this or else let me know what custom CSS to use? I've circled the problem in the attached screenshots for reference. (Photo numbers correspond to numbers below.) Thank you!
1. How do I get rid of the text “Share This:” as well as the facebook/twitter share boxes at the bottom of the post ? I mean the share boxes within the post itself- not the social icons in the share bar below this.
2. How do I change the text color of comment count in the share box below the post?
3. How do I change the text color of the post titles and the text color of the post dates displayed in the Related Posts widget?
4. How do I change the text color of the H2 heading below the round photo in the About Me widget in the Main Sidebar?
5. On the Mailchimp SIgnup Form widget in Main Sidebar:
a.) How do I change the white background color of the submit button as well as the text color on this button? (not during hover)
b.) How do I change the color of input text and placeholder text on the form?
Thank you so much for any help you can offer.
Hi,
1/ This is sharing come from Jetpack plugin. Let's disable from Jetpack settings.
2/ Please try add more this code to Customize > Custom CSS to do that:
.tags-share-box .single-comment-o{ color: #ce1212; }Change color code ce1212 on above code to any color code as you want. You can get a color code here
3/ Please try add more this code to Customize > Custom CSS to do that:
.item-related h3 a{ color: #ffff00; } .item-related h3 a:hover{ color: #fff000; } .item-related span.date{ color: #0000ff; }4/ Please try add more this code to Customize > Custom CSS to do that:
.about-widget .about-me-heading{ color: #ffff00; }
5a/ Please try add more this code to Customize > Custom CSS to do that:
.widget input[type="submit"], .widget button[type="submit"]{ background: #ff0000; color: #ffffff; }5b/ Please try add more this code to Customize > Custom CSS to do that:
.widget.widget_mc4wp_form_widget input[type="text"]{ color: #ffff00; } .widget.widget_mc4wp_form_widget input[type="text"]::placeholder{ color: #ffff00; opacity: 1; } .widget.widget_mc4wp_form_widget input[type="text"]:-ms-input-placeholder{ color: #ffff00; } .widget.widget_mc4wp_form_widget input[type="text"]::-ms-input-placeholder{ color: #ffff00; } .widget.widget_mc4wp_form_widget input[type="email"]{ color: #ffff00; } .widget.widget_mc4wp_form_widget input[type="email"]::placeholder{ color: #ffff00; opacity: 1; } .widget.widget_mc4wp_form_widget input[type="email"]:-ms-input-placeholder{ color: #ffff00; } .widget.widget_mc4wp_form_widget input[type="email"]::-ms-input-placeholder{ color: #ffff00; }Note: Change all color codes ffff00 above to get the colors works for placeholder & text color on inputs.
Best Regards,
PenciDesign
Thank you so very much! This all worked perfectly!
I have one more question... How do I change the text color on the Footer Instagram title (including the instagram icon)?
Hi,
Please try add more this code to Customize > Custom CSS to do that:
.footer-instagram h4.footer-instagram-title{ color: #ff0000; }Best Regards,
PenciDesign
Perfect! This worked. Thank you so much!