Return to previous page

8theme search in static block - by MJ - on WordPress WooCommerce support

This topic has 5 replies, 2 voices, and was last updated 2 years, 7 months ago ago by Olga Barlow

MJ

Participant

September 15, 2021 at 07:25

Hi
How can i use 8theme search in static blocks? is that even possible?
if yes, how I can achieve something like this https://prnt.sc/1s9h3tk
Or how to style WP-search like above if 8theme search does not work in static block. I have created block [block id=”5149″] for reference.
Thanks

Please, contact administrator
for this information.

#302309 Copied Theme version: 8.0.6

4 Answers
Olga Barlow

Support staff

September 15, 2021 at 11:41
Hello,

There is no option to add the header builder search element to the static block because we don’t have search element for the page builder.

You can change the styles using additional CSS customization , for example
```
.vc_wp_search .widget_search button {
    font-size: 16px !important;
    text-transform: capitalize;
    width: auto;
    padding: 5px 10px;
    margin: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #6ca12c;
    border-radius: 7px;
}
.vc_wp_search .widget_search button i {
    margin-right: 10px;
}
.vc_wp_search .widget_search .input-row input{
    height: 66px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 16px 3px #e0e0e0; 
    box-shadow: 0px 0px 16px 3px #e0e0e0;
}
```
If you don’t have CSS skills you may try Yellow Pencil plugin that comes bundled with our theme.

Regards
#302341 Copied
MJ

Participant

September 16, 2021 at 05:52

Hi
that was helpful. Thanks
Now i have used your codes for Yith search plugin and it is perfect for desktop.
however, the issue is with styling and responsive option for smaller screens.
how can i fix that? see some screenshots:
https://prnt.sc/1sdxba0
https://prnt.sc/1sdxjdp
https://prnt.sc/1sdxooz
https://prnt.sc/1sdxtux
Also note that the AJAX result menu did not align perfectly neither https://prnt.sc/1sdy5jc.
It would be great if you can help with the issue.
thanks

#302416 Copied

MJ

Participant

September 17, 2021 at 09:28

Hi
Appreciate if you can provide some help.

#302529 Copied

Olga Barlow

Support staff

September 17, 2021 at 17:02

Hello,

I have added that code just like example to point you to the right direction that you need to use custom code to style the widget according to your needs. You need to edit the styles depending on the result you want to achieve. I’m sorry but additional customization is outside the scope of our support https://themeforest.net/page/item_support_policy
Contact Yith search plugin author if you need help with styles of their search form.

Regards

#302612 Copied
Viewing 5 results - 1 through 5 (of 5 total)