Change background posts

  • Resolved crystalm36

    (@crystalm36)


    8 years, 4 months ago

    Is it possible to change the background color and font colors on the posts and keep the pages the same color?
    Thanks for any help given

Viewing 2 replies - 16 through 17 (of 17 total)

  • Hi, Crystal, sorry it took so long to get back to you.

    When I tried putting in the CSS that you posted, I saw the title as white. It didn’t show up that way on your mobile phone?

    Thread Starter crystalm36

    (@crystalm36)

    o thanks CrouchingBruin for checking back with me.
    My site is hard to view because I am building this website solely to use in an app plugin. So what you are seeing on the desktop or laptop is not necessarily what you are going to see in the app on a mobile device. But I since figured out what to do. I had to play around in custom css and had to add !important to get some of the changes to show up. Thanks so much because I couldn’t have gotten any of this without your suggestions!

    .site-content .entry-header,
.site-content .entry-meta,
.site-content .entry-content,
.site-content .entry-summary,
.page-content {
    background: #B6B19E;
}
.single-format-aside #content,
.single-format-aside #content .hentry,
.single-format-aside #content .hentry header,
.single-format-aside #content .entry-content,
.single-format-aside #content .entry-title,
.single-format-aside #content .featured-content .entry-title,
.single-format-aside #content a {
   background-color: #ffffff;
   color: #222016 !important;
}
#main-content{
background-color: #B6B19E !important;
}

.entry-title {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.0909090909;
	margin-bottom: 8px;
	margin: 0 0 12px 0;
	text-transform: uppercase;
}

.single-format-audio #content,
.single-format-audio #content .hentry,
.single-format-audio #content .hentry header,
.single-format-audio #content .entry-content,
.single-format-audio #content .entry-title,
.single-format-audio #content .featured-content .entry-title,
.single-format-audio #content a,
.single-format-video #content,
.single-format-video #content .hentry,
.single-format-video #content .hentry header,
.single-format-video #content .entry-content,
.single-format-video #content .entry-title,
.single-format-video #content .featured-content .entry-title,
.single-format-video #content a {
   background-color: #222;
   color: #ffffff !important;
}
.post-thumbnail {
	background: #222;
	display: block;
	position: relative;
	width: 100%;
	z-index: 0;
}

a.post-thumbnail:hover {
	background-color: #222;
}
Viewing 2 replies - 16 through 17 (of 17 total)
  • The topic ‘Change background posts’ is closed to new replies.