[mailhunter]

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

[Mahesh]

@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,
Mahesh

[mailhunter]

If 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).

[Mahesh]

@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,
Mahesh

[mailhunter]

If 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.

[Mahesh]

@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,
Mahesh

[mailhunter]

Hi 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.

[Mahesh]

@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/2j2dwER

Regards,
Mahesh

[mailhunter]

Yes, 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?

[mailhunter]

Is it possible to turn-off the tooltip text which comes up when hovering the search field?

[Mahesh]

@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,
Mahesh

[mailhunter]

Hi, 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).

[Mahesh]

@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,
Mahesh

[mailhunter]

Okay, 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!

[Mahesh]

@mailhunter: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts