Help Center

Powered by Minitek FAQ Book

What CSS code would round the corners of the compact search box for LiveSearch?

N
Net-ConfigPosted 11 months agoEdited 11 months ago
Joomla! Extensions - Professional Subscription

I would like to use the LiveSearch and Smart Search modules side by side, as that can be a nice complementary "total search" solution. The Smart Search module has rounded corners but I cannot figure out what CSS element needs to be customized to do the same on the Live Search module.

What is the equivalent for the Live Search bar that would do the same as the CSS element .mss-search-bar that defines settings in the Smart Search bar ?

 I know rounding corners is done with border-radius: 4px; as is done on MSS, so I just need to understand what the actual CSS element is where border radius would accomplish th rounding of the MLS box.

Thanks much

Loading...
0
#3176

1 answer

M
MinitekPosted 11 months agoModerator

Hi there, try the following css:

.mls-parent {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
    
.mls-form .mls-form-inner input.mls-query {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.mls-form .mls-form-inner .mod-mls-btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}