Community Forums

Hi Mirela,

thank you so much, it worked. I appreciate your help with the solution very much. Sorry for the login problems, I see somehow the firewall indeed did block some login attempts from another IP.

One little thing left: I try to use a:hover on the title links, but it doesn’t work. At this moment there is no hover at the woocommerce-loop-product__title links. Default settings would be fine enough.

Again, thank you and have a nice day,

Best regards,

• This reply was modified 6 years, 6 months ago by MixieBless.

Hi, I rated gladly 😊

I would like to add another solution (in case someone will have the same question once). While I was looking to add the search icon instead of a button, I realized other search fields on the website changed also in size with the code above, which breaks the design again but on other places.

I succeed through deleting the code above and add the CSS code below in specular-child/style.css. (It’s a copy from your other CSS search-form settings in footer/aside, but then named header):

—-

header #s {

width:100%;

height:40px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

header #search-form:after{

content: “\e1b7”;

font-family: ‘moon’;

font-weight:normal;

font-style:normal;

text-decoration:inherit;

-webkit-font-smoothing:antialiased;

position:absolute;

right:15px;

top:11px;

font-size:16px;

display:inline;

width:auto;

height:auto;

line-height:normal;

vertical-align:baseline;

background-image:none;

background-position:0% 0%;

background-repeat:repeat;

margin-top:0;

color:#bbb;

}

header #search-form{width:100%; float:left; position:relative;}

header #search-form .more{

display:none;

}

—

I am still very thankful for your effort and time, it brought me in the right direction 🍀

With best regards

Hi,

thank you for your response. I will try to figure it out :).

Thank you for the beautiful and versatile theme, I enjoy it very much <3

Have a great day