- This topic has 14 replies, 2 voices, and was last updated 7 years, 10 months ago by Mahesh.
-
AuthorPosts
-
January 7, 2017 at 5:24 pm #106625mailhunterParticipant
Hi,
I have a question. I use a child theme with Catch Box Version 4.1.
If I use Version 4.5.4 the search in the Widget Bar looks not so good: http://christus-gemeinde.net/Version-4.5.4.PNG (This is an example from a local version of the website.) Is it possible to use Version 4.5.4 but have a look like it is at the moment at http://christus-gemeinde.net? What changes must be done at my child theme?
It would be great if you could help me.
I also wish you a great year 2017.
Best regards ,
mailhunter
January 7, 2017 at 6:50 pm #106631MaheshParticipant@mailhunter: I checked the search widget on our server on the primary sidebar and it look same as of Catch Box 4.1. Using theme version 4.5.4
Please try activating Parent theme and let me know further. If you have plugins, please try disable theme and check.Regards,
MaheshJanuary 7, 2017 at 8:49 pm #106640mailhunterParticipantIf I delete all my Child theme CSS and deactivate all plugins I have no search-bar anymore: http://christus-gemeinde.net/test.PNG The two widgets should have searches on it…
If I use the Parent theme the search widget looks okay, but the icon is linked (other than in my version).
January 8, 2017 at 9:28 am #106678MaheshParticipant@mailhunter: After deleting the child theme, and deactivating plugin, have you put the search widget in the widget area.
And
“If I use the Parent theme the search widget looks okay, but the icon is linked (other than in my version).”
-> I don’t quite get this.
Please clarify.Regards,
MaheshJanuary 8, 2017 at 12:20 pm #106682mailhunterParticipantIf I use tgh Catch Box theme without my child theme, there is a linked icon in the search widget. This icon has also a hover-effect (becomes blue, when hover on it). This icon is my version with the child theme not linked.
January 9, 2017 at 10:18 am #106721MaheshParticipant@mailhunter: Have you modified the search widget in the child theme? I tried the same with the child theme and the search widget is working fine. It is linked correctly.
Regards,
MaheshJanuary 9, 2017 at 10:49 pm #106792mailhunterParticipantHi again,
In my CSS I find:
#branding .searchform { padding-top: 0px; position: relative; text-align: center; width: 100%; max-width:500px; overflow:hidden; } /* =Search Form ----------------------------------------------- */ #branding .searchform { position: relative; top: 0; right: 0; text-align: right; } #branding .searchform div { margin: 0; } #branding #s { float: left; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 85%; } #branding #s:focus { background-color: #f9f9f9; width: 85%; } #branding #searchsubmit { display: none; } #branding .only-search .searchform { top: 5px; z-index: 1; } #branding .only-search #s { background-color: #666; border-color: #000; color: #222; } #branding .only-search #s, #branding .only-search #s:focus { width: 85%; } #branding .only-search #s:focus { background-color: #bbb; } #branding .with-image .searchform { top: auto; bottom: -27px; max-width: 195px; } #branding .only-search + #access div { padding-right: 205px; }
But I have also a problem if I deltete it (as said, see here: http://christus-gemeinde.net/test.PNG)
In my functions.pho there is the following code in connection with search:
add_filter('post_limits', 'postsperpage'); function postsperpage($limits) { if (is_search()) { global $wp_query; $wp_query->query_vars['posts_per_page'] = 20; } return $limits; }
But this code should not influence the search layout.
I don’t know, why I have this layout problems.
http://christus-gemeinde.net/Version-4.5.4.PNG seems to be a search like it is in the header of the Parent Catch Box Theme.
January 10, 2017 at 10:45 am #106820MaheshParticipant@mailhunter: Can you please make a child theme without no customization, just a child theme and check if you face the same issue.
You can find the child theme in the link below:
http://bit.ly/2j2dwERRegards,
MaheshJanuary 10, 2017 at 9:58 pm #106845mailhunterParticipantYes, with the help of this I found the mistake in the header.php: There was “<header id=”branding” role=”banner”> two times in it. If I delete one, the search widget looks fine!! Thank ypu.
Then there is the question, whether I am able to unlink the search icon. In my actual used version it is not link. (So the search is started by pressing the enter button. I find this better than a linked search icon. Can I turn-off the linked search icon in my child theme? How?
January 10, 2017 at 10:26 pm #106847mailhunterParticipantIs it possible to turn-off the tooltip text which comes up when hovering the search field?
January 11, 2017 at 11:56 am #106876MaheshParticipant@mailhunter: Just checked your site, seems you’ve fixed to unlink icon. And about the tooltip on hover, I don’t see it have you fixed this one too? Let me know if any problem.
Regards,
MaheshJanuary 11, 2017 at 12:19 pm #106879mailhunterParticipantHi, now I switched to the newest version in the online version.
So you can see the ploblems I have online.
The unlinked icon was in the former version (Catch Box 4.1).
January 11, 2017 at 4:25 pm #106904MaheshParticipant@mailhunter: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:
.search-field { pointer-events: none; padding: 4px 10px; } .search-submit { display: none; }
Regards,
MaheshJanuary 11, 2017 at 9:06 pm #106928mailhunterParticipantOkay, so the icon is now not displayed any more. I would prefer an unlinked icon, instead of no icon. But no icon is for me better than a linked one:).
Thank you so far for your great support!
January 12, 2017 at 11:58 am #106968MaheshParticipant@mailhunter: Thank you for your appreciation. Have a nice day!
Regards,
Mahesh -
AuthorPosts
- The topic ‘Search Widget’ is closed to new replies.