Changing Background Color Of Any WordPress Page 2022

Themes may have their own settings but here’s a way to change the background color of any page in the Customizer. Just add the following code in Additional CSS. Where the post number is the home page id. You can find that by hovering over the home page link in WordPress’ Pages listing.

/* home page background color */
.post-9 {background-color:#FF7D0B !important;}

Continue ReadingChanging Background Color Of Any WordPress Page 2022

Elementor Text Editor Widget Not Changing Font Settings

Have you ever run into problems with the Elementor Text Editor Widget not being able to change the font size, line spacing etc.? At first I investigated whether there was a conflict with the theme but that didn’t appear to be the case. Even setting all fonts back to default and disabling Elementor fonts in Elementor settings didn’t work.

fix Elementor Text Widget not being able to change font size and font settings

This tiny piece of css added to WordPress/Customizer/Custom CSS did the trick.

.elementor-text-editor p{ font-size: inherit; line-height: inherit; letter-spacing: inherit; }
Continue ReadingElementor Text Editor Widget Not Changing Font Settings

Change Color and Fonts In Blog Post Metas

/* Single Blog Post Metadata Font Size and Colors */
.single-post ul.meta {
font-size: 16px;
	color: #F3EAC7;}
	.single-post ul.meta li a {
color: #F3EAC7;
}
.single-post ul.meta li i {
color: #F3EAC7;
}
/* Blog Archive Page Metadata Font Colors */
.blog-entry.post ul.meta  {color:#F3EAC7;}

.blog-entry.post ul.meta li a {color:#F3EAC7;}

.blog-entry.post ul.meta li i {color:#F3EAC7;}

Edit and add this piece of CSS to OceanWP’s Custom CSS/JS section in the WordPress Customizer. Edit the color in this code. You can also add font family here as well.

Continue ReadingChange Color and Fonts In Blog Post Metas