Docs

[ylpl]

Hi there,

My website is http://dev.ylpl.net/wordpress

I’m trying to eliminate some padding underneath my radio buttons in my search bar. After checking my CSS and HTML, I’m seeing that my padding-bottom is 0px. However, there’s still quite a bit of blue padding underneath. Is there any way to fix this?

Thanks, I appreciate everything you guys do. You’ve helped me out tons!

Daniel

[Prasant Rai]

Hello Daniel,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-search-shortcode input[type="radio"] {
    margin: 0;
}

Thanks.

[ylpl]

Thank you! That worked perfectly.

In regards to media view on tablets/smartphones, I also tried to eliminate the padding below using this CSS code:

@media (max-width: 552px) {
.x-search-shortcode input[type=”radio”] {
margin:0px;
}
}

However, it didn’t seem to change anything. Am I doing something wrong or is there a way to adjust the padding in media mode?

Thank you so much again,

Daniel

[Darshana]

Hi there,

Try updating the above code as follows.

@media (max-width: 979px) {
  .x-search-shortcode input[type="radio"] {
    margin: 0;
  }
}

Hope that helps.

[ylpl]

Thanks! So I think my margin is actually at 0. I found out because when I played around and inputted 5, for example, it definitely changed the padding. I think it only looks misleading because I changed my font in media mode to a much smaller 11px. Thank you so much again!

Daniel

[Jade]

You’re most welcome, Daniel.

[Author]

Posts