Styling the Search Field a Little Bit

  • Resolved kavikalyn

    (@kavikalyn)


    7 years, 10 months ago

    Hi, thanks for this amazing plugin. I have a couple of little things I wanted to do with the search field and I was wondering if this is possible.

    1) Is there a way to add a little bit of vertical space between the search field and the table?

    2) Is there a way to make the search field itself a little bit wider?

    3) Is there a way to make the word “Search” in front of the field bold so it stands out a little bit more.

    I’m assuming there’s probably just a bit of CSS I need to do this.

    Thanks in advance for any help.

Viewing 6 replies - 1 through 6 (of 6 total)

  • pls, post a screenshot or website URL to see what you want because all your questions are simple CSS based like if you want vertical space between label and input field just apply
    margin-top property to input field is that simple.
    and it looks like this

    .myinputfield {
  margin-top: 10px;
}
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Yes, this is possible with CSS. To be able to find the exact code, can you please post a link to the page with a table that you want to change, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter kavikalyn

    (@kavikalyn)

    Take a look here (you have to scroll down a little bit to get to the table):

    https://origamidotme.staging.wpengine.com/origami-diagrams/

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link!

    Please try this “Custom CSS”:

    .dataTables_filter {
	margin-bottom: 10px;
}
.dataTables_filter label {
	font-weight: bold;
}
.dataTables_filter label input {
	width: 200px;
	margin-left: 10px;
	padding: 10px;
}

    Regards,
    Tobias

    Thread Starter kavikalyn

    (@kavikalyn)

    Exactly what I needed, thanks so much!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Styling the Search Field a Little Bit’ is closed to new replies.

Tags