CSS changes

  • Resolved crowds90

    (@crowds90)


    7 years ago

    Hi,

    Wondering if you could help me with a few css changes.

    1) What is the css to change the font size smaller of “Search here..” for mobile screens?

    2) I have space between my search bar and the search dropdown. What is the css to move the dropdown right up against the search bar?

    3) What is the css to change the text color inside the dropdown?

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi!

    1. The font size on IOS devices is fixed to a 16px, because there is no other way to get around the form ‘zoom’ issue that IOS devices do. Aside from that, this custom CSS should do the trick:

    .probox .proinput input,
.probox .proinput input::-webkit-input-placeholder,
.probox .proinput input::-moz-placeholder,
.probox .proinput input:-ms-input-placeholder,
.probox .proinput input:-moz-placeholder {
    font-size: 12px !important;
}

    2. Do you mean the results? Try something like this:

    .wpdreams_asl_results {
    margin-top: -12px !important;
}

    The number might have to be adjusted.

    3. Which drop-down are you reffering to, the results or the settings?

    Thread Starter crowds90

    (@crowds90)

    Awesome! Thank you.

    For number 3. I am referring to the results text color if you could help me out. Thanks again

    Plugin Author wpdreams

    (@wpdreams)

    Hi,

    Sure! This one is for the header title links color:

    .asl_content h3 a {
    color: red !important;
}

    ..the content description:

    .asl_desc {
    color: blue !important;
}

    These should do the trick ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS changes’ is closed to new replies.