We need to put our Custom CSS in a plugin, so if not already had one yet go pick one you like and install it.
https://wordpress.org/plugins/search.php?q=custom+css
This is the code to change top bar color
/***** Top bar *****/
.head-top { background: #ff0000; }
and this is the code to left align text in blog post listing page
/***** Blog post archive left align text *****/
.post_content .blog_post_box { text-align: left; }
.post_content .blog_post_box .blog_post_content { text-align: left; padding: 0; }
Changing the color of top bar might require you to change text color (menu item) too, depending on your color we need to maintain readability so make sure we have good color contrast there.
This is a hotpink version of this theme (One-Blog ver 1.0.8), in case any one interested just copy and use in Custom CSS plugin, change color code to your liking.
/*
* Custom CSS hotpink version of One-Blog theme version 1.0.8
* https://downloads.wordpress.org/theme/one-blog.1.0.8.zip
* Use this code in Custom CSS plugin, or in Child Theme stylesheet.
*/
/***** Top bar *****/
.head-top { background: hotpink; }
/***** Dropdown menu *****/
.head-nav ul li ul li a:hover { color: hotpink; }
/***** Sidebar Title *****/
.widget_box:not(.footer_box) h3 { background: hotpink; }
/***** Mobile menu *****/
.slicknav_btn,
.slicknav_menu ul li a:hover a,
.slicknav_menu ul li a:hover,
.slicknav_menu ul li ul li a:hover,
.slicknav_nav .slicknav_row:hover { background: hotpink; }
/***** Read More button *****/
.post_content .blog_post_box .read-more { background: hotpink; border: 0; }
/***** Slider control *****/
.home_slider .flex-direction-nav .flex-next,
.home_slider .flex-direction-nav .flex-prev { opacity: 0.5; }
.home_slider .slides li a:not(.home_slide_bg) { background: rgba(255, 105, 180, 0.5); }
/***** Input border color *****/
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="phone"], select { border-color: hotpink; }
/***** Footer area *****/
footer#foot { background: hotpink; }
.main-foot { border: 0; }
.bottom-foot { background: #fff; }
/***** Blog post archive left align text *****/
.post_content .blog_post_box { text-align: left; }
.post_content .blog_post_box .blog_post_content { text-align: left; padding: 0; }
/***** Text Color *****/
p { color: #777; }
.post_content a { color: red; }
/***** Next/Prev post button *****/
.post_nav { opacity: 0.5; }
/***** Post Title in blog archive and single post page *****/
.post_content h3 a { color: hotpink; }
.post_content h1 { color: hotpink; }
Thanks, paulwpxp. I’m loving this theme! I’d also like to know how to change it so it allows me to italicize and add breaks between paragraphs? I tried even specifying it with html on the “text” tab since it isn’t working on the “visual” tab but it doesn’t work there either. Is something written in the CSS that overrides this?
Actually that is standard functionality. Theme always allow formatting text and space between paragraph is also the default.
See the demo here
https://wp-themes.com/one-blog/?p=36
WordPress will auto wrap chunk of text with HTML paragraph tags (<p>text here</p>), it does so when there is 1 space line (hard enter) between chuck of text. This will happen automatically regardless of theme in use.
So maybe there is something else that prevents this? like a problematic plugin?
Do you mean this happens to the excerpt in post listing page? If that’s so then it’s also normal for theme to strip out text formatting in this part.
Thanks for the quick reply. This worked before I added this theme, and I haven’t installed or made changes to any plugins. I did a hard enter between paragraphs and after saving the changes, the line is removed. I also entered a
between the paragraphs but nothing changes. I tried using bold and italics on the paragraph and nothing happens. I thought there must be code somewhere that’s stripping that formatting or something. It shows formatting when editing but after saving/publishing, it’s plain text with no space between the paragraph.
This worked before I added this theme, and I haven’t installed or made changes to any plugins.
I just installed this theme in my local dev. The text formatting and auto paragraph worked just fine.
It shows formatting when editing but after saving/publishing, it’s plain text with no space between the paragraph.
Can you confirm that we are talking about the single (full) “Post” page, or the Page, not the Post Excerpt part where it appears on Post listing page (blog home/archive)?
I apologize, I’d made a mistake when I was messing with the code. There’s nothing wrong with the theme (but you already knew that!) Thanks for being patient and for trying to help 🙂
No problem, happy to help 🙂
hi, I have the church theme, creativo, and I wanted to add a countdown in header section, can’t find anyplace to adjust the header at all and i’m totally new to wordpress and pulling hair out in bunches,,,help? loaded this theme, …. http://rockythemes.com/creativo-church/, and want front page to look like this one http://www.livingwatersbc.org/, am I able to adjust?, my site is livingwatersbiblechurchqc.org
basically how do I add to header space?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
