Homepage › Community Forums › Epik Theme Support › Color options on message boxes not working
Only gray boxes work. I found a relevant post from last year (can’t figure out how to comment on that post, thread seems closed. I downloaded a new style.css from appfinite, and I can see that the other colors are defined in the updated style sheet, but they still don’t work. Help?
Don, Gray Boxes? Where? Do you have a link? There is CSS for all the colors..with a link we can look at your site and see what is going on. Thanks!
Hi Andy, thanks for the quick reply. Here is the page I am working on:
http://accunect.com/your-five-faces-of-god-classroom/
For now, I ended up putting the text I wanted to stand out in a quote box, because I couldn’t get the blue box (or any other color but gray) to work. After finding last years thread I looked in my style.css and the other colors weren’t defined, so I uploaded the new version, but no help.
Info boxes, Note boxes, quote boxes, buttons seem to work fine, and gray boxes work, but none of the other colors message boxes work.
/* Typographical Elements
--------------------------------------------- */
html {
font-size: 100%; /* 16px browser default */
}
body {
background: #B7B7B7;
color: #333;
font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.625;
}
a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
::-moz-selection {
background: #333;
color: #fff;
}
::selection {
background: #c1c1c1;
color: #fff;
}
Line “selection” background: #c1c1c1 is what I just changed to light gray in this example. You can change it to any color. Using the live editor (inspect element) you can play with this section of the code in your CSS to change the color of that particular text box.
Thanks, Andy I’ll see if I can figure it out from what you’ve posted.
Still hoping to gain an insight on why if I reference a gray-box it works fine, but blue-box and black-box etc do not when I can see that they are defined in the CSS.
Arrgh! On a whim, I decided to view the page in Firefox and it was fine. I was using IE to edit my site. I completely closed all windows in IE, restarted, and it still doesn’t work.
Any thoughts anyone? I don’t want to use a feature if it only works in some browsers…
Okay, I did a force refresh in IE and it worked. How annoying. I’m assuming that because I reloaded the style.css without doing a force refresh of that page, IE was working off of old, cached definitions. Presumably, since my customers will not have visited this page (not in site nav yet) they will not have that problem.
@Don I just checked that link you posted on all Major browsers (except IE since I’m using Mac) and everything seems to be working fine. If you add the code the same way as presented in the demo then everything should work fine – http://demo.appfinite.net/epik/buttons/
Did you already get this fixed? If not, can you add the code to your site that isn’t working (as an example) so I can take a look at what’s going on?
@Don I just saw your recent reply that you got it working so disregard my previous message.
I always hit the Reload button to clear my browser cache automatically when I make edits to the CSS. Anyways, glad everything is working. Just let us know if you need anything else.
Today was my first time posting here, really please to see such community support on a Saturday afternoon. Thanks Andykev, and thanks Wes. Wes, your work is really beautiful, I’m slowly getting up to speed with WordPress and Epik, and I’m really please I chose one of your themes.