Change Color To Search Field

Store Builder Questions
1

Hello guys. I need some help. I want to change the background of the SEARCH aAREA on the top of my site (to make it more visible to users).



Can you help me to do this? Also how can i change the icons for my account and my basket.

site is: depozituldepiscine.ro



THANKS!



Cristian

2

Hi,

You can change the CSS styles in the “styles.less” and for changing the icons , check in the “icons.less” with the corresponding class names.

3

Hi. I modified (background color) in file styles.css because I didnt found styles.less the following:



.helper-container input.search-input:focus {

outline: 0;

border: 1px solid #a6a6a6;

background-color: #66ccff;

background-image: none;

box-shadow: none;



BUT it changed only color after I click on search field. :) Thanks.

4

Hi ,

It is because you are changing the bg-clr when the focus is placed on the search box.



Try with the class name of the search-box or else create a class name to search-box. Then apply the background-color, It will works definitely.

5

[quote name=‘lohanc’ timestamp=‘1427957943’ post=‘209938’]

Hi. I modified (background color) in file styles.css because I didnt found styles.less the following:



.helper-container input.search-input:focus {

outline: 0;

border: 1px solid #a6a6a6;

background-color: #66ccff;

background-image: none;

box-shadow: none;



BUT it changed only color after I click on search field. :) Thanks.

[/quote]

Please remove the [color=#282828][font=arial, verdana, tahoma, sans-serif]:focus and the code will work.[/font][/color]



[color=#282828][font=arial, verdana, tahoma, sans-serif]Best regards, Alt-team.[/font][/color]

6

[quote name=‘Alt-team’ timestamp=‘1427962111’ post=‘209964’]

Please remove the [color=#282828][font=arial, verdana, tahoma, sans-serif]:focus and the code will work.[/font][/color]



[color=#282828][font=arial, verdana, tahoma, sans-serif]Best regards, Alt-team.[/font][/color]

[/quote]



THANK YOU very much! :)

7

You are welcome.



Kind regards, Alt-team.

8

Can you give me an idea how to change the icons for my account and my basket?

Also how can I make the text “cautarea” from search field BOLD or more dark?Because the contrast is not so good. :)



Thank you. have a nice day!

9

[quote name=‘lohanc’ timestamp=‘1428048885’ post=‘210154’]

Can you give me an idea how to change the icons for my account and my basket?

[/quote]



Please check this thread



How to change basket icon - General Questions - CS-Cart and Multi-Vendor Community Forums | Connect with the Community | Find Solutions


[quote name=‘lohanc’ timestamp=‘1428048885’ post=‘210154’]

Also how can I make the text “cautarea” from search field BOLD or more dark?Because the contrast is not so good. :)

[/quote]



Please try


<br />
.helper-container input.search-input {<br />
	color: #000 !important;<br />
	font-weight: bold;<br />
}<br />
10

Thanks a lot! :)

11

[quote name=‘lohanc’ timestamp=‘1428385855’ post=‘210503’]

Thanks a lot! :)

[/quote]



You are welcome!