Changing the Search box and font styling.

Posted in: Newspaper
Post count: 18

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

Post count: 20688

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

Post count: 18

I was talking about the text that is seen in the box as users type something. I would like to increase the size of the text. Not the button.

Post count: 20688

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

Post count: 18

Thats great thanks. I also need to change the font size on the search results screen. What is the code for that. I have tried to change ‘td widget-search-input’ but that doesn’t work.

Post count: 20688

Hi,

Try it like this – https://www.screencast.com/t/ivWCPaq4j

.td-search-form-widget
.td-widget-search-input {
font-size: 18px;
}

Thanks

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.