I was wondering if there is a way to change the search box and I want to make the font a little bigger. I am happy with the header style and I am currently using ‘Style 7’ but I would rather have a search box in the header rather than have one appear underneath. There doesn’t seem to much of an option to style the search. I thought I might find some options in the Theme Panel under Theme Fonts. Hope you can help.
Also are divtag working on an option to customise the header and footer with the visual editor? I feel that this would be useful being able to customise the header and footer like the pages and posts. I would like to have this option rather than having just the choice of the 12 styles.
Regards
Hi,
The text font on the search button can be customized in the theme panel
– https://www.screencast.com/t/DuYbGonZNW78
– https://www.screencast.com/t/rX14QcvYx
If you wanted something else, I could maybe provide you with a Css code in this case.
Unfortunately at the moment I don’t think there is a plan to allow modifications to the header elements, through the editor. You can only customize the width, font, color etc. with the options in the theme panel.
Maybe additional header styles will be added in future updates, but I could not say when this will happen.
If you want to try, you can make your own customization using the browser inspector to identify the elements used and their classes, in order to create custom code that you can use in the theme panel. Here is a guide if you want to try it
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hi,
If you want to increase the font size for the text that is entered by the user in the search field, you could do it with a code like this
– https://www.screencast.com/t/yoZPeTd1EdC
You just need to enter the code in Theme panel->Custom Css
#td-header-search {
font-size: 18px;
}
Thanks
Hi,
Try it like this – https://www.screencast.com/t/ivWCPaq4j
.td-search-form-widget
.td-widget-search-input {
font-size: 18px;
}
Thanks