Color options on message boxes not working

Homepage Community Forums Epik Theme Support Color options on message boxes not working

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #16140
    Don
    Customer

      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?

      #16141
      Andykev
      Customer

        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!

        #16142
        Don
        Customer

          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.

          #16143
          Andykev
          Customer
            /* 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.

            #16144
            Don
            Customer

              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.

              #16145
              Don
              Customer

                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…

                #16146
                Don
                Customer

                  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.

                  #16147
                  Wes
                  Moderator

                    @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?

                    #16148
                    Wes
                    Moderator

                      @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.

                      #16153
                      Don
                      Customer

                        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.

                      Viewing 10 posts - 1 through 10 (of 10 total)
                      • You must be logged in to reply to this topic.