WordPress.org

Ready to get started?Download WordPress

Forums

Feedburner Form
"Submit" button text near-invisible (5 posts)

  1. TimelessFinance
    Member
    Posted 1 year ago #

    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/

  2. Diana
    Expert e diva
    Plugin Author

    Posted 1 year ago #

    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.

  3. TimelessFinance
    Member
    Posted 1 year ago #

    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?

  4. Diana
    Expert e diva
    Plugin Author

    Posted 1 year ago #

    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
    }
  5. TimelessFinance
    Member
    Posted 1 year ago #

    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/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic