• How can I have bigger selectors and change the text colour of selectors in my orange multi-field search box? A style like the little search box below the orange search box would fit

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • How can I have bigger selectors and change the text colour of selectors in my orange multi-field search box?

    Your request is confusing because a CSS selector has a specific meaning: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors

    It seems what you’re calling “selectors” is the HTML <select> element’s menu of options, not CSS selectors.

    You san simple use the select element as the CSS selector and add your desired styles, like:

    select {
        font-size: 24px;
        color: red;
        padding: 3px;
    }

    Of course, using the element sector will apply the style to all occurrences of the element. To reduce the scope to just the orange box (form element), change the CSS selector to form.sacconi_form select

    form.sacconi_form select {
        font-size: 24px;
        color: red;
        padding: 3px;
    }

    Hello @sacconi,
    Use this css

    .sacconi_form select {
        width: 100%;
        margin: 0px 0px 10px;
        padding: 5px;
        background: #fff;
        border: none;
        color: #289dcc;
        font-weight: 600;
    }
    .sacconi_form {
        padding: 25px;
    }
    #block-2 .sacconi_form input[type="submit"] {
        margin: 0px 0px 10px;
        width: 100%;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘css of selectors’ is closed to new replies.