Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #692146

    Hi there,
    recently we got a partner for direct booking. The booking engine is JS-based.
    The quick booking option is implented on the following adress:

    As you can see the text is too big and the Icons cover it.
    The JS seems to get css Information from the template (I tried it with another template and the text and Styling changes)
    Unfortunately I don’t know where this Information is located exactly.
    I tried changing the font size in the Settings Panel but it doesn’t affect the Java Code styling.
    Can someone put me in the right direction?
    Thank you very much.
    Tobias

    #692771

    Hey!

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #d21-los-select {
        min-width: 140px;
        text-indent: 20px;
        font-size: 12px !important;
    }
    #d21-arrival-input {
        text-indent: 30px;
        font-size: 12px !important;
    }
    input.field.tooltipster {
        text-indent: 20px;
        font-size: 12px!important;
    }
    

    Best regards,
    Yigit

    #693001

    You sir are my hero of the day!
    Thank you very much.
    It worked like a charm

    Best regards,
    Tobias

    #693003

    Hey!

    Happy we could solve it out and you are happy with the results!
    Please feel free to let us know if we can do anything else for you!

    Thanks a lot for your time and patience

    Best regards,
    Basilis

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Edit CSS for JavaSript’ is closed to new replies.