Hello SiteOrigin community (and maybe staff?)
I have a few things, I’d like to disquss (or request):
I can’t seem to find the setting to change the text color of the “Search”-text for when you click the Search Icon and the input-field drops down below the menu. I have a yellow-ish background, and the gray Search-text is not quite readable.
I also can’t seem to find where to change the text itself. I’m going to go multilingual via WPML, but the default site will be Danish, so I’d like to change from “Search” to “Søg”.
Another thing: I have quite a large/high menu bar, which works okay for this site I’m doing. But when I open a menu dropdown for sub-pages, the secondary menus are the same height, which I don’t think look that great. I’d like those in half height or something. Also, it would be great if I, instead of setting distinct colors, could say, that every submenu should be x% darker than the menu above, creating a dynamic menu structure.
Can I change the size of the Home Page Icon. I have increased the size of the Menu text, so the Home-icon seems a bit too small.
One more thing: I think the Slider works great. I’m using the recommended MetaSlider. It seems thou, that it is glued to the navigation line. Why can’t I, via your great Page Builder, insert it whereever I want to. If I do it, I get a version, that is constrained by the content/body width, it is not full screen width.
If you need to see the site, it is running at omaharatest.com – a non-existing domain. You need to spoof the internal dns, e.g. by putting “77.66.117.105 omaharatest.com” into your hosts-file (on Windows)
Thanks a lot :-)
Best regards
SvendK
Hi SvendK
There isn’t a setting at this stage to set the search placeholder text color. You can try the following in a Custom CSS plugin like SiteOrigin CSS and change the color value as required:
#search-icon .searchform input::-webkit-input-placeholder { color: red !important; } #search-icon .searchform input:-moz-placeholder { /* Firefox 18- */ color: red !important; } #search-icon .searchform input::-moz-placeholder { /* Firefox 19+ */ color: red !important; } #search-icon .searchform input:-ms-input-placeholder { color: red !important; }Let us know if you’ve made any progress with the other challenges mentioned. Thanks.
Thanks so much for the css for the search bar. I’m gonna use this.
No, no progress with the other questions I posted. I hoped you could help with this :-)
2: Change “Search”-text
3: Individual styling (height especially) of sub-menus in the nav-bar
4: Size of Home-icon (the house)
5: Full-width MetaSlider everywhere, not only below nav-bar
Best regards
SvendK
Sure :)
2. You can translate the Search field placeholder text as you would any other theme string. Usually, we’d recommend Loco Translate but if you’re using WPML, it’ll have it’s own functionality to change theme strings.
3. Theme Design > Menu has a setting for Menu Item Vertical Padding (px). There currently isn’t a setting for drop-down padding but you can try using SiteOrigin CSS listed below to make that change.
4. Please, give SiteOrigin CSS a try for this. It has a visual editor that’ll let you make little adjustments like this:https://wordpress.org/plugins/so-css/
5. On each page you’ll find a Page Slider meta box in the right column. Within that meta box is a drop-down to select the page slider and a checkbox to enable the full-width setting.