Forum Replies Created

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter RhondaH

    (@rhondah)

    Yes, sorry I forgot to come back.

    I absolutely love it by the way! 🙂 Well, worth the investment.

    Thread Starter RhondaH

    (@rhondah)

    Nope, that didn’t work either. I appreciate all your help! If you have any other ideas I’m all ears, but probably won’t respond till tomorrow evening.

    Thanks so much!
    Rhonda

    Thread Starter RhondaH

    (@rhondah)

    Ugh … all my buttons disappear when I do this. The text is there, but the button decorations are missing.

    div.maxbutton-1-container  {
    
    @media (min-width: 300px;) {
           a.maxbutton-1 {
               width: 250px;
            }
        }
    Thread Starter RhondaH

    (@rhondah)

    Ok, I’m afraid I don’t really understand media queries. So, I’m not certain I’ve done this right.

    Is this what you mean?

    div.maxbutton-1-container { @media (min-width: 300px;) } a.maxbutton-1

    Thanks,
    Rhonda

    Thread Starter RhondaH

    (@rhondah)

    That’s what I ended up doing, and the buttons are still the same. Look great in Chrome and different sizes in other browsers.

    Thread Starter RhondaH

    (@rhondah)

    johnbhartley, I guess I could try that. Was trying to allow it to be as responsive as possible, but if it will look better fixed I’ll give it a try.

    WPyogi, My bad. Sorry, about that. I’ll try to remember next time. 🙂

    Thanks,
    Rhonda

    Thread Starter RhondaH

    (@rhondah)

    This is what I see:

    Buttons in Chrome
    Buttons in IE
    Buttons in FF

    Here’s the CSS. Maybe customized isn’t exactly the right word, but more like tweaked it. I didn’t do anything major.

    /***************
    START MaxButtons
    ****************/
    
    /*FAMILY*/
    div.maxbutton-1-container { } a.maxbutton-1
    
     { text-decoration: none; color: #ffffff; font-family: 'Handlee', cursive; !important; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 5px; padding-right: 93px; padding-bottom: 5px; padding-left: 93px; background-color: #65ade0; background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -moz-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -o-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(101, 173, 224, 1)), color-stop(1, rgba(0, 112, 192, 1))); border-style: solid; border-width: 1px; border-color: #052548; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-1:visited { text-decoration: none; color: #ffffff; } a.maxbutton-1:hover { text-decoration: none; color: #ffbf00; background-color: #0070c0; background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -moz-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -o-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(0, 112, 192, 1)), color-stop(1, rgba(5, 37, 72, 1))); border-color: #0f2557; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }
    
    /*INSPIRATION-MOTIVATION*/
    div.maxbutton-2-container { } a.maxbutton-2 
    
    { text-decoration: none; color: #ffffff; font-family: 'Handlee', cursive; !important; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 29px; background-color: #65ade0; background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -moz-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -o-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(101, 173, 224, 1)), color-stop(1, rgba(0, 112, 192, 1))); border-style: solid; border-width: 1px; border-color: #052548; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-2:visited { text-decoration: none; color: #ffffff; } a.maxbutton-2:hover { text-decoration: none; color: #ffbf00; background-color: #0070c0; background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -moz-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -o-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(0, 112, 192, 1)), color-stop(1, rgba(5, 37, 72, 1))); border-color: #0f2557; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }
    
    /*PROJECT AT HOME*/
    div.maxbutton-3-container { } a.maxbutton-3 
    
    { text-decoration: none; color: #ffffff; font-family: 'Handlee', cursive; !important; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 5px; padding-right: 51px; padding-bottom: 5px; padding-left: 51px; background-color: #65ade0; background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -moz-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -o-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(101, 173, 224, 1)), color-stop(1, rgba(0, 112, 192, 1))); border-style: solid; border-width: 1px; border-color: #052548; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-3:visited { text-decoration: none; color: #ffffff; } a.maxbutton-3:hover { text-decoration: none; color: #ffbf00; background-color: #0070c0; background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -moz-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -o-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(0, 112, 192, 1)), color-stop(1, rgba(5, 37, 72, 1))); border-color: #0f2557; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }
    
    /*RECIPES*/
    div.maxbutton-4-container { } a.maxbutton-4 
    
    { text-decoration: none; color: #ffffff; font-family: 'Handlee', cursive; !important; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 5px; padding-right: 87px; padding-bottom: 5px; padding-left: 87px; background-color: #65ade0; background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -moz-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -o-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(101, 173, 224, 1)), color-stop(1, rgba(0, 112, 192, 1))); border-style: solid; border-width: 1px; border-color: #052548; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-4:visited { text-decoration: none; color: #ffffff; } a.maxbutton-4:hover { text-decoration: none; color: #ffbf00; background-color: #0070c0; background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -moz-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -o-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(0, 112, 192, 1)), color-stop(1, rgba(5, 37, 72, 1))); border-color: #0f2557; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #333333; -pie-background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }
    
    /*Email Rhonda*/
    div.maxbutton-5-container 
    
    { } a.maxbutton-5 { text-decoration: none; color: #ffffff; font-family: 'Handlee', cursive; !important; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 5px; padding-right: 65px; padding-bottom: 5px; padding-left: 65px; background-color: #65ade0; background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -moz-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -o-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(101, 173, 224, 1)), color-stop(1, rgba(0, 112, 192, 1))); border-style: solid; border-width: 1px; border-color: #052548; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #000000; -pie-background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-5:visited { text-decoration: none; color: #ffffff; } a.maxbutton-5:hover { text-decoration: none; color: #ffbf00; background-color: #0070c0; background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -moz-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -o-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(0, 112, 192, 1)), color-stop(1, rgba(5, 37, 72, 1))); border-color: #052548; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #000000; -pie-background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }
    
    /*Rhonda's Virtual Office, LLC*/
    div.maxbutton-6-container 
    
    { } a.maxbutton-6 { text-decoration: none; color: #ffffff; font-family: 'Handlee', cursive; !important; font-size: 16px; font-style: normal; font-weight: bold; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 6px; background-color: #65ade0; background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -moz-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -o-linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(101, 173, 224, 1)), color-stop(1, rgba(0, 112, 192, 1))); border-style: solid; border-width: 1px; border-color: #052548; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: -1px -1px 0px #618926; box-shadow: 0px 0px 2px #000000; -pie-background: linear-gradient(rgba(101, 173, 224, 1) 45%, rgba(0, 112, 192, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); } a.maxbutton-6:visited { text-decoration: none; color: #ffffff; } a.maxbutton-6:hover { text-decoration: none; color: #ffbf00; background-color: #0070c0; background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -moz-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -o-linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(0, 112, 192, 1)), color-stop(1, rgba(5, 37, 72, 1))); border-color: #052548; text-shadow: -1px -1px 0px #12295d; box-shadow: 0px 0px 2px #000000; -pie-background: linear-gradient(rgba(0, 112, 192, 1) 45%, rgba(5, 37, 72, 1)); position: relative; behavior: url("http://rhondaholscher.com/wp-content/plugins/maxbuttons/pie/PIE.htc"); }
    
    /*************
    END MaxButtons
    **************/

    Thanks! Any help would be greatly appreciated.
    Rhonda

Viewing 7 replies - 1 through 7 (of 7 total)