Styling the appearance within DIVI

Anonymous

#262345

Hi,

I’ve just installed the search & filter plugin for divi.

I’ve added the form via the search and filter module. However it seems that I can’t style the submit button within Divi, am I missing something?

Trevor

#262361

Are you able to send me a live link/URL to your search page so I can take a look?

Can you show me one or more annotated screenshot(s) of the design change(s) you want? If you can do that, you would need to upload the screenshot image(s) to a file sharing site (like the WordPress Cloudup site) and share the link with me?

Better still, maybe you have a submit button somewhere else on your site that it needs to look like, if so, send me a link to that page and identify where on the page the button is?

Anonymous

#262672

Hi Trevor,

The form is on this page:

https://thecircusspot.com.au/

Slightly above the form there is a bright blue section with a button that says “Find out more” I would like to style it the same as that button.

(the section with the example button has the text “Due to COVID restrictions The Circus Spot is not currently offering face to face classes However, we are offering online classes!”)

Trevor

#262737

Something like this:

.searchandfilter[data-sf-form-id="485"] .sf-field-submit input {
    color: #fff;
    border: 0;
    border-radius: 4px;
    font-size: 18px;
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    background-color: #ff2e73;
    padding: 10px 30px;
}

Anonymous

#262773

fantastic. Thank you!

Trevor

#262780

Thanks for getting back to me. I will close this thread for now.

[Author]

Posts