Skip Navigation

[Resolved] allign submit button with other search filters

This support ticket is created 2 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 8 replies, has 2 voices.

Last updated by ashodK 2 years, 2 months ago.

Assisted by: Christopher Amirian.

Author
Posts
#2485403

submit button not alligning.
Please check image

#2485949

Christopher Amirian
Supporter

Languages: English (English )

Hi there,

There is no image attached and I do not see any links to your website to see what you are talking about.

I'd appreciate it if you can share the link to see the issue.

Thank you.

#2485985

Here's the link

hidden link

#2486269

Christopher Amirian
Supporter

Languages: English (English )

Hi there,

The alignment is because the Flatsome theme overrides the default CSS of the block editor.

Please add the CSS code below to the view:

body .wpv-custom-search-filter-submit[data-toolset-views-custom-search-submit="e033c517c56ce9eb0f1f8fb87f348feb"] .wpv-submit-trigger {
    margin-top: 29px;
    margin-right: 0;
}

https://toolset.com/course-lesson/adding-custom-css-to-templates-archives-and-views/

Thanks.

#2487161

I used same code on another archive page, but it didn't work
is it different code for each archive page?

see difference
hidden link
hidden link

Thanks

#2487431

Christopher Amirian
Supporter

Languages: English (English )

Hi there,

The code I gave was for that archive only, if you want the same thing for all the archives please change the code to:

body .wpv-custom-search-filter-submit .wpv-submit-trigger {
    margin-top: 29px;
    margin-right: 0;
    float: right
}

.wp-block-toolset-views-custom-search-container .wpv-reset-trigger, [data-type="toolset-views/custom-reset-submit"] .wpv-reset-trigger {
    float: right;
    margin-right: 0;
    padding-right: 0;
    
}

Thanks.

#2487953
2022-11-02_15-02-49.png
2022-11-02_15-03-10.png

didn't work

#2488519

Christopher Amirian
Supporter

Languages: English (English )

Screen Shot 2022-11-03 at 12.37.48.png

Please clear your website and browser cache.

I checked your website and it is working ok.

Please check the attached screenshot

#2488895

My issue is resolved now. Thank you!