Search Box

Support has been upgraded!



The Support Forum is closed. Not to worry!  Providing the top quality support you expect and we're known for will continue! We're not ending support, just changing where you submit requests. This will provide you with the best experience possible.

Premium Support

Have you purchased an addon for Connections such as one of our premium templates or extensions with a valid license and you need help?

Please open a Support Ticket in your user account.

Click here to open a support ticket.

Free Support

Are you using the free Connections plugin? Don't worry, you are still very important to us! We are still providing you with the same high quality support that we're known for.

Please open a new support topic in the WordPress support forums for Connections.

Click here to open a support topic.

This topic is: resolved

Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • 12/10/2013 at 7:53 pm #275144
    Justin White
    Participant

    Hi
    Thanks for helping me before, but this time Im trying to customise the Search Box eg different size different font colour but no matter what I do in the CSS file like setting the width to 200px it just doesnt work:

    cn-search-input {
    background: #000000 none;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #000000;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -khtml-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #888;
    display: inline-block;
    font-size: 12px;
    float: none;
    height: 28px;
    line-height: 20px;
    margin: 1px 0 1px 1px !important;
    padding: 3px 6px;
    text-align: left;
    vertical-align: bottom;
    width: 200px;

    Where am I going wrong ???

    Thanks Again

    Justin White

    12/11/2013 at 11:42 am #275181
    Steven Zahm
    Keymaster

    @ Justin

    The code you pasted above has two errors. Try this:

    #cn-search-input {
background: #000000 none;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #000000;
border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-khtml-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #888;
display: inline-block;
font-size: 12px;
float: none;
height: 28px;
line-height: 20px;
margin: 1px 0 1px 1px !important;
padding: 3px 6px;
text-align: left;
vertical-align: bottom;
width: 200px;
}

    Which file are you inserting this into or editing?

    If you are editing this file cn-user.css the changes will have no effect because the minified version of the file is loaded unless the WP_DEBUG is set to true. You need to apply the changes to the cn-user.min.css file.

    However, I do not recommend that because those changes will be lost during a plugin update. If the theme has a custom CSS area, add it there. You might also need to add !important after the CSS attribute value that way if the Connections CSS is loaded after the theme’s custom CSS file it is not overridden by the default style for Connections.

    Hope that helps!

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

You cannot reply to this support topic. Please open your own support topic.