How Do I Change the Background Color of the Search Bar Button in SoCast Engage?
- Log in to SoCast Engage.
- Go to Website > Website Settings > Theme.
- Click Launch Theme Editor.
- Navigate to the Content Area section.
- Look for the Default Link Color setting. The search button color and border inherit from this setting.
- Adjust the Default Link Color to change the search button's background color.
- To customize the search bar in a sidebar, use the Side Bar menu in Website Settings.
The search field font and active state font color are controlled by the theme's overall font and Default Text Color settings, respectively.
Related Articles
How Do I Add a Clickable PDF Link to a Page in SoCast?
How Do I Add a Clickable PDF Link to a Page in SoCast? Who Is This Article For? All users with access to Pages Applicable to all themes Follow these instructions to add a clickable PDF link to a page, blog post, or other content area in SoCast. ...
How Do I Use the Search Bar Element in SoCast?
How Do I Use the Search Bar Element in SoCast? Who Is This Article For? All users with access to pages, blogs, contests, and sidebars Applicable to all themes Features Frees up navigation space by allowing you to place the search widget in the ...
How Do I Change the Sidebar Background Color in SoCast?
How Do I Change the Sidebar Background Color in SoCast? This article is for: All users with the Manage Website Settings permission Applicable to the SoCast 2.0 Theme and Hero 1.0 Theme These instructions explain how to change your sidebar background ...
How Do I Change The Background Colour Of A Single Page In SoCast Engage?
Log in to SoCast Engage. Go to Website > Pages > All Pages. Search for and edit the page you want to update. Switch to Backend Editor and click the gear icon to access Page Settings. Paste your custom CSS code into the designated area. For example, ...
How Do I Change the Hero Background Color in SoCast Engage?
Log in to SoCast Engage. Go to Website > Website Structure > Heroes. Select and edit the hero you want to update. Scroll down to the Background section. Remove the image in Image Slot #1. At the bottom, find Image Background Color and choose a color. ...