Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #106625
    mailhunter
    Participant

    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

    #106631
    Mahesh
    Participant

    @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

    #106640
    mailhunter
    Participant

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

    #106678
    Mahesh
    Participant

    @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

    #106682
    mailhunter
    Participant

    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.

    #106721
    Mahesh
    Participant

    @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

    #106792
    mailhunter
    Participant

    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.

    #106820
    Mahesh
    Participant

    @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

    #106845
    mailhunter
    Participant

    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?

    #106847
    mailhunter
    Participant

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

    #106876
    Mahesh
    Participant

    @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

    #106879
    mailhunter
    Participant

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

    #106904
    Mahesh
    Participant

    @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

    #106928
    mailhunter
    Participant

    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!

    #106968
    Mahesh
    Participant

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

    Regards,
    Mahesh

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Search Widget’ is closed to new replies.