[Ron Halversen]

I just installed the Slim Plus template:Version Information
WordPress: 3.4.2
Multisite: No
Connections: 0.7.7.1
Database: 0.1.9

The [raw] open and close codes are displaying on the page. The search button is missing the text and riding on top of the text entry field. The Select Category field is so wide it’s on another line.

I’m sure it’s some kind of conflict, but I’ve tried the compatibility check, [raw] and [noformat] and can’t seem to make it have any affect. I’ve added some shortcodes just to make sure it’s working. Right now it’s:
[raw][connections template='slim-plus' show_alphaindex='true'][/raw]

Category filtering seems to work. Not sure if the alpha works as designed, just jumps down the page to the start of the letter? The search doesn’t work at all. I’ve entered 3 names, search on any first, last, etc. and all show no results, although the default search fields (most everything checked to search) is selected.

I attached a screenshot to show what I’m seeing

Any help you can provide would be great! Thanks – Ron

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Chris

The open and close [raw] shortcode is showing because the theme you’re using does not include it and by viewing your screenshot, I don’t think you need it.

However, the theme is overriding the styles of the search button. The theme also seems to be overriding the width of the category select.

The character index is working as designed, it does not filter by character, it will only jump to the start of the character group if it is on the current results page.

When you perform a search, look in the address bar. You should see cn-s, do you see the word “Search” in addition to the name you’re searching for? If so, then the theme, most likely, is causing the issue.

Unfortunately, with just a screenshot, I can provide any solutions, I’ll need a link to you directory.

[Ron Halversen]

Steven,

I created an admin account for you. Username (steven), password (I’ll send you via email or you can call my cell. I made you an admin so don’t want it in the forum.

Thanks – Ron

ron.halversen@claritymis.com
512.981.6165

[Ron Halversen]

re: “When you perform a search, look in the address bar. You should see cn-s, do you see the word “Search” in addition to the name you’re searching for? If so, then the theme, most likely, is causing the issue.”

By default when I hit the page, the word “Search” is in the text field and the button blank and spacing is off. I type in “Brian” and it replaces “Search” only displaying “Brian” and I hit the orange button and the search appears to be working properly now. I tested in FF and Chrome, with 2 different searches and it’s working.

BTW – In the post labeled “Why does the template layout look wrong” you had all the CSS code in there. I added that CSS code to the main.css of the template, and FTP’d it up, but it didn’t appear to have any affect.

[Ron Halversen]

The Admin password is in my profile, after the website in quotes. Username ‘steven’

[Ron Halversen]

This reply has been marked as private.

[Steven Zahm]

@ Ron

Unfortunately, I can not do anything about the submit button on the search form being affected by the theme.

The theme includes this bit of javascript:

/* REPLACE SUBMIT BUTTONS WITH SOMETHING EASIER TO STYLE:) */
$( '#page input[type=submit]:not(.no-replace), #preheader input[type=submit]:not(.no-replace)' ).each( function() {
	var $this = $( this );

	var $a = $( '<a class="button primary small"><span><span>' + $this.val() + '</span></span></a>' );

	$this.after( $a );
	/* Don't remove a submit button, just hide it  */
	$this.hide();

	/* Bind "click" event  */
	$a.click( function( event ) {
		event.preventDefault();

		$this.trigger( 'click' );
	});
});

The only solution would be to comment this section of code out so it does not run, but I do not know what the negative side effect would be for the theme. I do not understand the comment in the theme author’s code about doing this to make submit buttons easier to style. Submit button are plenty easy to style without doing this.

The category select is being affected by the following statement in the theme’s style.css file starting on line 382:

input[type=email],
input[type=password],
input[type=search],
input[type=text],  
input[type=url],
select {
    width:100%;
    max-width:498px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;    		
}

Setting the max-width is causing the Connections category drop down to render in that width. The solution would be to remove that setting. That should be plenty safe to do without an negative effects.

The CSS I gave was specific to that user’s issue and will not have any effect for you.

[Author]

Posts