CSS background for button

  • Resolved Trin

    (@vbptrin)


    10 years, 9 months ago

    Hello,
    For my website I am using the customized donation button in the bottom widget area. I also have a search bar widget at the top of my website. In order to see the search bar, I had to give it a white background. This white background has also been given to my donation button. My team decided we’d rather keep the search bar and have this awkward white background than no search bar.

    Would you be able to tell me how I can disassociate this background to the button. It’s considering it part of the “input” section. If not we will just leave it like this…

    Thanks!

    https://ww.wp.xz.cn/plugins/paypal-donations/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Trin

    (@vbptrin)

    10 years, 8 months ago

    I still am waiting for a reply on this issue. 🙂

    Plugin Author mra13 / Team Tips and Tricks HQ

    (@mra13)

    10 years, 8 months ago

    You should get your theme developer to fix the main issue with the CSS for the search input. You shouldn’t just apply a color to ALL input elements just because the theme has bad markup. Otherwise that can cause a lot of other issues.

    Anyway, the donations widget has a “paypal-donations” CSS class. So you can target the input field inside the widget and apply a color to that. Here is an example:

    .paypal-donations input{
background-color: green;
}

    Thread Starter Trin

    (@vbptrin)

    10 years, 8 months ago

    I’ll ask my theme developer about this soon. In the meantime, I decided I’d just make the actual file have a background color to match my website, so now you can’t see the white. Previously the background color had been transparent. I didn’t try what you suggested-mainly because I had no idea where to put that coding-but what I have done has fixed it for now. Thanks!

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

The topic ‘CSS background for button’ is closed to new replies.