***For developers*** Booking tool for External website: custom CSS

Comments

5 comments

  • Direzione Riservazioni

    Seam to be a very cool feature. 
    I dont know the syntax to change colors and other objects, where can I find it ?

    For example to match my logo green and yellow  instead of the black trasparent and blu in the property selector?

    Best regards 

    Maurizio Sabbatini 

    maurizio@webspider.ch

    2
    Comment actions Permalink
  • Valerij Mokin

    Hi
    Can support give us clear instruction which part to change to make changes, full css with comments etc..

    1
    Comment actions Permalink
  • Direzione Riservazioni

    I ask the same.  I have try the example code but nothing change 
    No docs are available...  

    0
    Comment actions Permalink
  • Philipp

    Hi guys,

    I am sure we can help you. But please note that this is a developer pro feature and we will not be able to do a lot of customization. You may want to check with a developer. But will let you know once we receive your details. Which item should be adapted in which way.

    You can also already find this standard css in your settings. 

    :root {
    /* font colors */
    --font-color-default: #9a9a9a;
    --font-color-label: #9a9a9a;
    --font-color-input: #9a9a9a;
    --font-color-icons: #9a9a9a;
    --font-color-input-icons: #9a9a9a;
    --font-color-headlines: #9a9a9a;
    --font-color-error: #F45B69;
    --font-color-black: #424242;

    /* borders */
    --border-radius: 5px;
    --border-width: 1px;
    --border-color-default: #ced4da;
    --border-color-container: #ced4da;
    --border-color-input: #ced4da;
    --border-color-image: #ced4da;
    --border-color-error-shaddow: rgba(244, 91, 105, 0.25);

    /* button */
    --button-color-primary: #3b4aff;
    --button-color-secondary: white;
    }

    Thanks
    Philipp

    0
    Comment actions Permalink
  • Valerij Mokin

    Okay, a few hours and I did it. Philipp, you're cool, thanks :))

    0
    Comment actions Permalink

Please sign in to leave a comment.