[Harmonic] Need some help with colors (newbie)

  • thebigcheese

    (@thebigcheese)


    7 years, 7 months ago

    I apologize, I am very new to this and have exhausted my patience for Googling. So here is where I am at. I am setting up a web site for my band at http://www.gunbladex.com and have settled on the Harmonic theme, which works pretty well for me overall. The problem is that the background I want to use, based on keeping a similar theme to our album cover, is rather dark, so the default font colors don’t work so well. As you can see, I have managed to get the post title color to change, but the page titles will not. However, before I figured out how to set up a child theme, I had simply changed the original style.css file and added the color to the existing .page-title section and that worked just fine. Having now added that to the “Edit CSS” section of the WordPress manager thing, it seems not to work. Is this because that same .page-title section already exists in the original stylesheet? Here is the code I have in the CSS editor:

    .page-title {
	color: #ccc;
}

.entry-title a {
	color: #ccc;
}

    I am also trying to figure out how to change the background of the content itself to be a semi-transparent white or light grey, similar to what I currently have set for the text color, so that I can keep the actual post text black and have it stand out a bit, but I am not sure how to do that. I have limited HTML experience and no CSS experience, so this is all Greek to me…

Viewing 2 replies - 1 through 2 (of 2 total)
  • ThemeSumo

    (@themesumo)

    7 years, 7 months ago

    You can add this CSS code to add a background to your content.

    .entry-content {
    padding: 30px;
    background: rgba(255,255,255,0.1);
}

    Hope this helps.

    Thread Starter thebigcheese

    (@thebigcheese)

    7 years, 7 months ago

    Oooooo! It does. I actually managed to figure out the background bit last night, but the padding bit is exactly the final touch I was looking for, thank you! So now I am using:

    .page-content,
.entry-content,
.entry-summary {
	color: #ccc;
	padding: 30px;
	padding-bottom: 80px;
	background: rgba(255,255,255,0.1);
}

    This gives me a little extra room on the bottom, which looks nice. I also tried it using a percentage there, thinking that this would give me more consistent results, but it seems to mostly make the page longer, so I will have to play with that some… I still ended up using a lighter font, but the background is a nice visual separater.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Harmonic] Need some help with colors (newbie)’ is closed to new replies.

Tags