No text visible in tribe bar & search dates

[Mark]

Tribe bar date and tribe bar search placeholder text and manually input text is visible in chrome.

Not visible in firefox and ie.

I’ve been crawling through the style sheets, but I thought you might know why both the placeholder and the input text isn’t showing?

Thanks,

Mark E. Mooney
Moonware Design, LLC

[Andras]

Hello Mr. Mark E. Mooney,

Thanks for using our plugins and welcome to the forums! I see your issue and good news is I can totally help you with that. 🙂

You don’t see the placeholder in Firefox and IE because of the following setting, presumably in your style.css file:
#tribe-bar-form input[type="text"] {
[...]
height: 40px;
padding: 20px;
}
So the field is 40px high, and there is a 20px padding on the top, and 20px on the bottom, which doesn’t leave any space for the text.

There are three ways this can be solved:

Option #1:

You change the padding value to
padding: 0 20px;
That will leave the paddings on the side, but not on top and bottom.

 

Option #2:

You remove the height of 40px (just delete the whole line). This will make those input boxes higher, but will leave you the padding of 20px at the top and bottom, in case that is the looks you desire.

 

Option #3:

Add this line to the declarations there:
box-sizing: content box;
This will make the input fields gigantic, (40px height for the text and 20-20px padding on top and bottom, total of 80px height). In this case you will need to adjust the width of the boxes, because they touch each other.

 

I believe you are looking for solution #1, just wanted to let you know all the options you have. Just in case. 🙂

Let me know how this works out for you.

Cheers and have a happy day!
Andras

[Mark]

Andras: Thank You! Set top and bottom to 4px and all is good.
I had looked at that code several times, and just didn’t do the math in my head…

[Andras]

Hey Mark,

Stoked to hear it got solved!

I am going to go ahead and close this ticket, but if you need help on this or something else, don’t hesitate to open a new topic. We’ll be here.

Cheers,
Andras

PS: If you like our plugin, we would be happy to receive a review in the wordpress.org repository. Thanks!

PS2: We’d be also grateful if you would give us feedback on your satisfaction with support. Just click on one of the classy looking emojis below. 🙂 If you can spare a few words, that’s even better. Doublethanks!

[Author]

Posts