Support » Theme: Duena » Change The Search Box Pink Glow Color

  • Resolved Nipponshin


    Hi, let me first say that I love your theme, I have been hard at work changing it to my liking and you could say I’m practically done, except for a small detail…

    The search box, I like it and I decided that I want to keep it, but this pinkish glow when you click on it… It’s just not my cup of tea if you know what I mean. Can you please help me change the color of the glow?

    I have looked everywhere on the php and css files to no avail! Maybe it’s right there in front of my nose but I can’t seem to find it!

    I want to change it to #F7941A if it’s possible, and I would really appreciate it if you could give me a hand.

    Oh! And something else, I changed the background of the blog by using the theme options but it looks like the old background is still behind, I can see it a little at the top… Is this supposed to be like this or is there a problem?

    Here’s the link to my site, please check it out:

    I’ll be awaiting your reply and I hope you’re having a good day.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi,
    This code in bootstrap.css file. You can create your own child theme for Duena and rewrite needed styles there with next code (for example):

    #top-search .input-search:focus {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px #F7941A;

    Top line it’s not a part of background – it’s separate line. To remove it add to style.css in child theme:

    .page-wrapper:before {

    I just want you to know that… YOU’RE AWESOME!!

    It worked like a charm, thanks a lot and I hope you keep making more of your great stuff here at WordPress.

    Bye and I wish you a great day!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change The Search Box Pink Glow Color’ is closed to new replies.