Support » Plugin: Feedburner Form » [Plugin: Feedburner Form] "Submit" button text near-invisible

  • Hi,

    My site is http://www.timelessfinance.com — Feedburner Form is in the header.

    I upgraded to version 1.4 of your plugin. I like that there’s now field text. I don’t like what has been done with the submit button.

    On my site the submit button says “OK”. The text used to be black but after the update the text is white. It’s barely legible to me in both Chrome and IE9. I don’t know why the text colour would change with the update (or at least why we weren’t given the ability to change the submit button’s text colour).

    Thanks,

    Joe

    http://wordpress.org/extend/plugins/feedburner-form/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Diana K. Cury

    (@dianakc)

    Hi Joe, you can change all styles you want, just open the plugin stylesheet (in plugin directory control/fbstyle.css) copy the css and past into yout heme file.

    You mean copy fbstyle.css from the plugin folder and paste it into my theme’s folder? Or into style.css? Also, I use a Child theme, so would it go into my parent or child theme?

    Plugin Author Diana K. Cury

    (@dianakc)

    Yes, copy fbstyle.css content and paste into your current stylesheet (child theme or parent theme).

    (I will sort this out some version soon)

    fbstyle.css content:

    /* FeedBurner-form Styles*/
    .fb-container{/* Container widget*/}
    
    .fbf-text{/* intro texto */}
    
    .fbf-widget{/*form */}
    
    .fb-counter-img img{/* counter img*/
      display:block;
      margin:5px auto 0 auto
    }
    
    .subscription_email{/* e-mail field */
      -webkit-box-shadow:inset 0;
      box-shadow:inset 0;
      font:normal 12px arial;
      padding:5px 3px;
      text-align:center;
      width:79%
    }
    
    .subscription_btn{/*btn  */
      -webkit-border-radius:3px;
      background:#ffb76b;
      background:-moz-linear-gradient(top,#ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
      background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(50%,#ffa73d),color-stop(51%,#ff7c00),color-stop(100%,#ff7f04));
      background:-webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
      background:-o-linear-gradient(top,#ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
      background:-ms-linear-gradient(top,#ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
      background:linear-gradient(to bottom,#ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
      border:1px solid #ffb76b;
      border-radius:3px;
      color:#fff;
      cursor:pointer;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
      font:bold 12px arial;
      padding:5px 3px;
      width:15%
    }
    
    .subscription_btn:hover{
      background:#ffb76b;
      color:#f7f7f7
    }
    
    .subscription_btn:active{
      background:#ff7f04;
      color:#f7f7f7
    }
    
    p.fb-credits a,.fb-credits{
      color:#84C6DF;
      font:normal 10px arial;
      text-align:center;
      margin:0 auto;
      text-decoration:none
    }
    
    img.feed-image{/* the image   */
      float:left;
      margin:0 5px 5px 0
    }

    I pasted that content into my child theme’s style sheet and it’s still near-invisible. I assume I need to edit something to make the non-active text black, but I am CSS-illiterate.

    I think I should wait for a more sophisticated solution (e.g. ability to choose the text color in the Feedburner Form widget). Even if I were able to edit this, there’s a chance it’d break with a plugin revision (plus I’d need to put it in after child theme updates, etc.). When it’s customizable from the widget, Feedburner Form will definitely be the best plugin for this purpose. It’s not much, but I’ll be sure to add it to my theme/blog optimization page at http://www.timelessfinance.com/free-wordpress-theme/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: Feedburner Form] "Submit" button text near-invisible’ is closed to new replies.