Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 29, 2016 at 7:20 pm #718453
    J_L

    Hello Kriesi,

    I looked through the threads and was unable to find a solution. I would like to replace the search icon with a custom image that is approximately 35px in both height and width.

    November 29, 2016 at 8:14 pm #718481
    Yigit

    Hey J_L,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #searchsubmit {
    color: transparent;
    background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

    Best regards,
    Yigit

    November 29, 2016 at 10:28 pm #718545
    J_L

    Yigit,

    Thanks for your reply, I am actually trying to change the search icon in the menu before you click. I believe this is the CSS

    #top #menu-item-search > a:before {
    }

    i did try the below code but the image was very small (same size as fonts in menu)

    #top #menu-item-search > a:before {
    color: transparent;
    background: url(http://www.mypath.com/logo);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    }

    November 29, 2016 at 10:41 pm #718551
    Yigit

    Hi!

    Please try using the code as following 

    #menu-item-search a:before {
    color: transparent;
}
#menu-item-search a { 
background: url(https://www.mypath.com/logo);
background-repeat: no-repeat;
background-size: contain;
background-position: 50% 50%;
}

    Regards,
    Yigit

    November 29, 2016 at 11:47 pm #718580
    J_L

    We are getting close. When you mouse over the logo it disappears. I would like to make it about 25% bigger in that space. I included a link in the private content section for you to see the behavior.

    November 30, 2016 at 11:24 pm #719027
    J_L

    Hello Yigit,

    Were you able to figure out how to correct the above problem mentioned in post
    #718580 above.

    December 2, 2016 at 4:28 pm #719781
    Yigit

    Hi,

    Please change your code to following one (see private content field)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.