Changing the size of the font on "Search"

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: not resolved

Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • 07/17/2018 at 12:13 pm #467693
    Jess Cook
    Participant

    Hi there,

    Is there a way to change the size and style of the font on “Search”? I’d like it to match the share button to the right, which is part of my theme.

    https://mlp.org/more-light-churches/

    Thanks in advance!

    07/17/2018 at 12:27 pm #467699
    Steven Zahm
    Keymaster

    @ Jess

    I took a look at the page, it appears you’ve already figured out how to make it larger. Is that correct or am I not understanding correctly?

    07/17/2018 at 12:49 pm #467708
    Jess Cook
    Participant

    @Steve,

    I’d actually like to make it smaller.

    Jess

    07/17/2018 at 2:41 pm #467714
    Steven Zahm
    Keymaster

    @ Jess

    Well, it looks like you made it larger by adding the following CSS:

    #cn-circled input#cn-search-input {
  height: 32px !important;
  font-size: 18px !important;
  line-height: normal !important;
}

#cn-circled input#cn-search-submit {
  height: 32px !important;
}

#cn-circled span.cn-search {
  margin-bottom: 16px !important;
  text-align: center !important;
  display: block !important;
  float: none !important;
}

    I suggest editing this CSS to make it the size you wish. For example, the font-size of the “share” text is 18px, a left/right margin of 10px and a top/bottom padding of 10px. So changing it to this would be you closer:

    #cn-circled input#cn-search-input {
  height: auto !important;
  font-size: 18px !important;
  line-height: normal !important;
  margin: 10px 0 !important;
  padding: 10px !important;
}

#cn-circled input#cn-search-submit {
  height: 43px !important;
  margin: 10px 0 !important;
}

#cn-circled span.cn-search {
  margin-bottom: 16px !important;
  text-align: center !important;
  display: block !important;
  float: none !important;
}

    Hope that helps!

    07/17/2018 at 3:44 pm #467731
    Jess Cook
    Participant

    Oh weird. Yeah, that worked. I honestly don’t know when (or why) I added that. Well, thanks for indulging the question!

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

You must be logged in to reply to this topic.