Solved Templates

Arino Search j2Store

Asked by Michael Koch 5 years ago Last activity 5 years ago

Hello,
i need to optimize the Search field on serach/top2-position of my template.
Are the any css-classes available?

Actual view

I would like to have the search field like in template demo, thanks.

Accepted answer

Marked as the solution

Ofi Khan Staff

5 years ago

Hello Michael Koch

I have added CSS to templates/arino/css/custom.css. Please check your site now.

Best regards

6 more replies

Michael Koch Asked this

5 years ago

Thank you!
On Page https://www.breisig.live/veranstaltungen this search is allready buggy. Can you please help me?

Ofi Khan Staff

5 years ago

You are welcome. New issue is also fixed. Please check your site.

Michael Koch Asked this

5 years ago

You are the best. Thank you very much.

Solution was:

/* For Search Top Bar */
#sp-search .sp-module {
    width: 100%;
    margin: 0;
}
#sp-search .j2store-search-product form {
    border-radius: 6px;
    border: solid 1px #7c7c7c;
    display: flex;
    width: 125%;
}
#sp-search .j2store-search-product .inputbox {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    border: 0;
    background-color: transparent;
    color: #4a3c1f;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
    height: auto;
    margin-bottom: auto;
}
#sp-search .j2store-search-product .btn-primary {
    font-size: 16px;
    font-weight: 400;
    color: #3a001e;
    position: relative;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 8px 15px;
    display: inline-block;
}

Ofi Khan Staff

5 years ago

Thanks for putting it here. It might help other users.

Ofi Khan Staff

5 years ago

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback here:

Michael Koch Asked this

5 years ago

I like to help you as you helpd me - done.
Thank you!