Fancy Button - Text Size & Color

resolved (6 posts) (3 voices)

  1. I've been through the skinning documentation and searched these forums, but can't seem to find out how to globally adjust the fancy button text. It appears to pick up the color of the theme, unless you manually adjust this.

    But I'd like to understand which style is used for the font color and size (small, medium and large) and can I adjust a skin element to make this work?

    Posted 5 years ago #
  2. Elliott
    Support

    Hello MacMyDay,

    Open up /wp-content/themes/[your_theme]/shortcodes.css and you can find the fancy_buttons around line 148,

    /* Fancy Buttons
    -------------------------------------------------------------- */
    .button_link,.fancy_button,#searchsubmit,#submit{background:url(images/shortcodes/button_overlay.png) repeat-x 0 0 #111;text-transform:uppercase;border:1px solid #111;margin:5px 10px 5px 0;display:inline-block;letter-spacing:1px;padding:10px 30px;line-height:15px;font-size:12px;color:#f8f8f8;}
    .button_link:hover,.fancy_button:hover,#searchsubmit:hover,#submit:hover{text-decoration:none!important;cursor:pointer;color:#fff;}
    .fancy_button::-moz-focus-inner{border:0;padding:0;}
    .small_button{line-height:10px;font-size:10px;padding:8px 15px 7px;}
    .large_button,.call_to_action{font-size:18px;padding:15px 40px;}
    Posted 5 years ago #
  3. aamatson
    Member

    is there CSS to change the padding for above and below the fancy button?

    Posted 2 years ago #
  4. Elliott
    Support

    Send us a link and we'll take a look.

    Posted 2 years ago #
  5. aamatson
    Member

    http://tinyurl.com/pamj4p5

    The register now button

    Posted 2 years ago #
  6. Elliott
    Support

    Add this to your custom CSS.

    .button_link { padding: 0px !important; }
    Posted 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme