Ink Appointment Pro Plugin Styling

Discussion in 'General InkThemes Discussion and Feedback' started by sherri2207, Jan 3, 2015.

  1. sherri2207

    sherri2207 New Member

    Joined:
    Dec 28, 2011
    Messages:
    28
    Likes Received:
    1
    Hi,
    I want to leave the background color white but need to change the color of the top of form and bottom. What are the css codes to do that. I also want to change the text on bottom/submit button. How do I do that. - Thanks Sherri

    top of form.jpg
    bottom of form.jpg
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello Sherri,

    I will be pleased to help you.

    For this please give me url of your website.

    Thanks
    Praveen
     
  3. sherri2207

    sherri2207 New Member

    Joined:
    Dec 28, 2011
    Messages:
    28
    Likes Received:
    1
    Hi Praveen,

    The site url is:
    deanaseducationaltheater.org/wpsite

    Thanks - Sherri
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Sherri,

    Please paste the code given below in custom css.
    (Appearance->Theme Options->Styling Options->Custom Css) of your dashboard.

    Code:
    .ink-container .inkappointment_form_top {
    background: red;
    }
     
    .ink-container ul.inkappform input#submit {
    background: red;
    }
    Note: you can change color according to your need.


    You can change the text of submit button from apt-form.php
    Please follow below image.
    appointment-5jan.png

    Thanks
    Praveen
     
  5. sherri2207

    sherri2207 New Member

    Joined:
    Dec 28, 2011
    Messages:
    28
    Likes Received:
    1
    very cool Praveen! Will try and see if it works.
    Appreciate your help as always - Sherri
     
  6. sherri2207

    sherri2207 New Member

    Joined:
    Dec 28, 2011
    Messages:
    28
    Likes Received:
    1
    Everything worked beautifully Praveen.

    Can you just tell me the css to change the hover color for the submit button.

    Thanks again
    Sherri
     
  7. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi Sherri,

    Please paste the code given below in custom css.

    Code:
    .ink-container ul.inkappform input#submit:hover {
    background: green;
    }
    Note: you can change color according to your need.

    Thanks
    Praveen
     

Share This Page