Joomla Templates Club 406,261 posts

[valthebault Friend valthebaultJoin date: April 2012Posts: 312Downloads:14Uploads:203 Thanks: 18]

#900439

Hi,

I picked a picture for the masthead for Search and now the space to type in the search terms is no longer visible, see attachment 1
I’m thinking if I could:

1. Make the square marked in attachment 2 permanent, but in a darker grey shadow
2. Make the under line much more visible by changing its color and makes it heavier.

Thanks

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#900631

Hi Add below code in custom.css file to apply a bg color in search input field area .

.search .form-search.has-button input {
    background: #fff;
}

Change the color code as per needs .

[valthebault Friend valthebaultJoin date: April 2012Posts: 312Downloads:14Uploads:203 Thanks: 18]

#900636

Fantastic, thanks 🙂

Though what should I put if I’d like it to be some degree of transparency? like a grey layer over?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#900657

Hi
You can apply opacity style or use lighter rgb colors .

.search .form-search.has-button input {
    background: #fff;
opacity : 0.5;
}

You can learn css from Here

[valthebault Friend valthebaultJoin date: April 2012Posts: 312Downloads:14Uploads:203 Thanks: 18]

#900658

Beautiful.

Thanks

[Author]

Posts