Center Align Text Within Upload Image Button

  • dylanwest2010
    Asked on June 25, 2017 at 4:12 PM

    Hello,

    I have styled my Upload Image button to look the way it does now. However, despite my best efforts, I am unable to get the 'Upload Image' text within the button to be center aligned vertically and horizontally. I just want the Upload Image text to match the style of the other sub labels. Also, how do I make the 'Upload Image' text Itallic?

     

    Please advise.

     

  • jonathan
    Replied on June 25, 2017 at 5:31 PM

    In your form CSS code look for this code #cid_20 div.qq-upload-button

    Center Align Text Within Upload Image Button Image 1 Screenshot 30

     

    Replace the entire code with this one...

     

    #cid_20 div.qq-upload-button {

        width: 150px;

        height: 23px;

        color: #555555!important;

        background-color: #fff!important;

        margin-bottom: -20px;

        padding-top: 8px !important;

        padding-bottom: 4px !important;

        font-style: italic !important;

    }

    ---

    it should work like this:

    Center Align Text Within Upload Image Button Image 2 Screenshot 41

     

    Let us know if this did not work.