DGLauren

Oooh! Pretty!

When I grow up, I want to be just like you!! Since you speak code so eloquently, I definitely want to at least speak your language. Of course it worked, and perfectly! How do you do that?

Thank you x 1,000!

Thank you so much! Worked perfectly.

Hi, bdbrown! You were very helpful to me before when I was working to finish this site. Thanks for responding. I made a mistake in linking to the main site instead of the sub-domain. Here’s the correct address:
https://www.raffus.surrealprimitive.com

My apologies!

Oops. Forgot to add the site address:
https://www.surrealprimitive.com

So that I understand it, does adding !important; make it override any other place where the color for the Send bar was set to something else?

I’ll tell you what happens; it works! Thanks a million!

Yes. That was the styling before I altered it. Now it looks like this:

.wpcf7 input[type="submit"] {
  width: 100%;
  padding: 10px 0;
  font-size: 18px;
  color: #1c1e1f;
  background-color: #ede5cb;
  border: 1px solid gray;
}

And all of those properties <–? work, except for the background-color.

Please forgive my ignorance, BD… so much of the jargon is still new to me. I’ve only been playing in this field for a year-and-a-half. As embarrassing as this is to admit, I’m not sure what “platform” means. I’m using:
WordPress 4.0.1
Chrome Version 39.0.2171.71 m
Windows 7

When I change that background color in Chrome’s “Inspect Element”, it changes for me, too. I don’t think I’m coping enough of the code into my style sheet, though?

(P.S. I love the WordPress Codex, but it’s always extreme overkill for me. I drown in the information before I can get to the parts I need. Usually.)

I should have done this before posting that last, but I just copied this from the Chrome developer tool:

.themeform input[type="submit"], .themeform button[type="submit"],
.s1 .sidebar-top, .s1 .sidebar-toggle, #flexslider-featured
.flex-control-nav li a.flex-active, .post-tags a:hover,
.s1 .widget_calendar caption, #footer .widget_calendar caption,
.author-bio .bio-avatar:after, .commentlist li.bypostauthor >
.comment-body:after, .commentlist li.comment-author-admin >
.comment-body:after {
background-color: #ffffff;
}

I tried adding the following lines to my child theme style.css, (one at a time) and neither worked:

.themeform button[type="submit"]  {
  background-color: #ede5cb;
}

Second attempt:

.comment-body:after {
  background-color: #ede5cb;
}

Again, the goal is to make the button visible in non-hover mode, as white on white = invisible.

Hi, BD ~ Thanks for getting back to me so quickly. So, it was the second of those two lines of code, and not both? I’m slowly getting this.

The code you gave me worked for the font color of the word “Send”, but had no effect on the background color. It’s still invisible until you hover on it, and then it goes to the default dark grey background within the Send bar.

As a temporary measure, I added a 1px dark border so you can at least see it’s a button before you hover on it, rather than just the word “Send” sitting out there on its own. If I can’t figure out how to get the background color right, I can live with this; it’s not a deal breaker.

One more question… are these brackets [ ] always used to encase shortcodes?

Thank you so much for your excellent help. You completely resolved my previous issue, too.

@bdbrown ~ Thank you so much! That worked beautifully!

Thanks, Karsten! I’ll work with it later and get back to you.

Thank you so much, Karsten! I’d like to add a caption that simply says “Back to Top.” The target audience for this website tends to be a little older and possibly not as web-savvy as those who would recognize it at a glance. Could you paste the code here in the thread, if you know what it would be?

(I should have guessed re the ^ symbol on your site that it wasn’t something that simple.)

Thanks again!!

I had one question, karsten007, just for clarification. Were you referring to the ^ symbol, which is an active link that takes you back to the top of the page, or something else?

If yes it is the “back to top” symbol, I’d like to find a way to add a hover caption to it.

Hi, amyjocarlson. Did you get your issue resolved? I see it’s been three weeks and this might be a case of the blind leading the slightly visually impaired, but I wanted to try to help.

Did you create your own child theme or use the one available for download by the theme author? If yes, you need to leave some of the code in the child theme that you see when you download it, in particular, this part:

/* Global */
.mystyle {}

/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}

/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.mystyle {}
}

/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
}

Any alterations you make to your child theme’s stylesheet needs to come AFTER the above.

Please forgive me if I’m stating the obvious. I’m still new at all this.