Change Colors...

Discussion in 'Smartbooking-Appointment Booking WordPress Theme.' started by clesiolana, Aug 1, 2016.

  1. clesiolana

    clesiolana New Member

    Joined:
    Jul 12, 2016
    Messages:
    11
    Likes Received:
    0
    Dear.

    How do I change the background color of the menu, backgournd Book Your Appointment background of Book Your Appointment fields ...

    Already changed directly in the CSS but nothing happens!

    I'm waiting, hugs
     
  2. priya

    priya Guest

    Hi,

    Greetings from InkThemes!

    Could you please provide us 'URL' of your site along with some edited screenshot so that we can better assist you?

    If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

    Looking forward to your reply.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. clesiolana

    clesiolana New Member

    Joined:
    Jul 12, 2016
    Messages:
    11
    Likes Received:
    0
  4. priya

    priya Guest

    Hi,

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

    For #1,
    Code:
    .sb-menu-wrapper {
        background: black !important;
    }
    For #2,
    Code:
    .ink-container .ink-form ul.inkappform {
        background: black !important;
    }
    For #3,
    Code:
    .ink-container ul.inkappform input.inktext[type="text"], .ink-container ul.inkappform input.inktext[type="email"] {
        background: red !important;
    }
    Note: Chnage the color as per your interest..

    Hope it will resolve your issues..

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  5. clesiolana

    clesiolana New Member

    Joined:
    Jul 12, 2016
    Messages:
    11
    Likes Received:
    0
    Thank you. Error, the fields: Select Service, Select Time, Your message has not been altered.

    Hovering at least is still green. Item 1.

    Check http://www.myfutureservice.com/



    Below the button "book appointement" contains a green bar.

    Hugs;
     
  6. priya

    priya Guest

    Hi,

    Please paste the code given below in Custom CSS field of your dashboard.
    Code:
    .ink-container ul.inkappform select.inktext, .ink-container ul.inkappform textarea.inklarge, .ink-container .ink-form {
        background: #27C3F6 !important;
    }
    .ink-container ul.inkappform input#submit {
        box-shadow: 0px 3px 0px #27C3F6;
    }
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  7. clesiolana

    clesiolana New Member

    Joined:
    Jul 12, 2016
    Messages:
    11
    Likes Received:
    0
    Hello!

    Hovering at least is still green. Item 1.

    Border Field green!

    Hugs
     
  8. priya

    priya Guest

    Hi,

    Use below code..
    Code:
    .sf-menu a:hover, .sf-menu li a:hover {
        background: #23BAE5;
    }
    .ink-container ul.inkappform input.inktext {
        border: solid 1px #23BAE5;
    }
    .ink-container ul.inkappform input#submit {
        box-shadow: 0px 3px 0px #23BAE5;
    }
    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  9. clesiolana

    clesiolana New Member

    Joined:
    Jul 12, 2016
    Messages:
    11
    Likes Received:
    0
  10. priya

    priya Guest

    Hi,

    Would you please use above code with !importand at last of each code..

    like:
    Code:
    .sf-menu a:hover, .sf-menu li a:hover {
        background: #23BAE5 !important;
    }
    .ink-container ul.inkappform input.inktext {
        border: solid 1px #23BAE5 !important;
    }
    .ink-container ul.inkappform input#submit {
        box-shadow: 0px 3px 0px #23BAE5 !important;
    }
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page