Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Changing Homepage Search Block Hint Color And Size Text Rate Topic   - - - - -

 

Posted 19 May 2015 - 11:36 PM #1

Hi,

How would someone change the search hint text color. It's currently showing a really faded light grey text color and I would like the search products text in the search box to be a black color?

Also, how would I change the search box typed text as well?

Thanks.

 

Posted 20 May 2015 - 06:59 AM #2

hi,


How would someone change the search hint text color. It's currently showing a really faded light grey text color and I would like the search products text in the search box to be a black color?


Please use the CSS section in the Theme editor and add the following:

.ty-search-block__input.cm-hint {
    color: black;
}


Also, how would I change the search box typed text as well?


please provide screen shot and clarify what you want to change

best regards,
WSA team

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21996 posts

Posted 20 May 2015 - 09:07 AM #3

Also, how would I change the search box typed text as well?


Please correct the "search_products" language variable:

http://demo.cs-cart....lations]=Search
GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 

Posted 20 May 2015 - 01:11 PM #4

Thank you. I will try it.

 

Posted 21 May 2015 - 09:22 PM #5

I just tried the code below and it didn't change the search hint.

.ty-search-block__input.cm-hint {
color: black;
}


Here is a screenshot of what I would like changed to black.

Attached Thumbnails

  • screenshot.png


 

Posted 22 May 2015 - 07:20 AM #6

it is impossible to assist without real HTML code - please provide URL to your shop and we'll help.

best regards,
WSA team

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21996 posts

Posted 22 May 2015 - 09:26 AM #7

I just tried the code below and it didn't change the search hint.


Please try this code:

.top-search .search-input.cm-hint {
  color: #000 !important;
}

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 

Posted 22 May 2015 - 03:13 PM #8

Perfect. Thanks a lot eComLabs :)

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21996 posts

Posted 25 May 2015 - 08:38 AM #9

Perfect. Thanks a lot eComLabs :)


You are welcome!
GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • Mr.Croquet
  • Advanced Member
  • Trial users
  • Join Date: 22-Nov 13
  • 69 posts

Posted 03 December 2017 - 11:37 PM #10

I'm having a similar challenge  - not with the search block text hint but with the newsletter internal hint colour. It's such a light shade as to be almost unreadable. I've changed my theme to "Summit" if that changes anything.

 

I've looked in the CSS file, the newsletter template (subscribe.tpl) without any luck. Where would the font colour be specified?

 

PS - CS Cart V4.3



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21996 posts

Posted 04 December 2017 - 07:07 AM #11

I'm having a similar challenge  - not with the search block text hint but with the newsletter internal hint colour. It's such a light shade as to be almost unreadable. I've changed my theme to "Summit" if that changes anything.

 

I've looked in the CSS file, the newsletter template (subscribe.tpl) without any luck. Where would the font colour be specified?

 

PS - CS Cart V4.3

 

Please share or PM the URL of your website


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • Mr.Croquet
  • Advanced Member
  • Trial users
  • Join Date: 22-Nov 13
  • 69 posts

Posted 04 December 2017 - 12:29 PM #12

The site is under development so it's not 'live' yet. The URL is http://newsite.oakleywoods.com/new/

 

The newsletter block is in the footer section



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21996 posts

Posted 04 December 2017 - 01:47 PM #13

Just add the following code to the CSS section in the Theme editor

.ty-footer-form-block__form .cm-hint {
    color: grey;
}

http://prntscr.com/hix2a8


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • Mr.Croquet
  • Advanced Member
  • Trial users
  • Join Date: 22-Nov 13
  • 69 posts

Posted 05 December 2017 - 01:25 AM #14

Thanks eComLabs. That worked perfectly. You're at the top of my list when it comes to real outsourced work.   :-)



 
  • Triplets
  • Senior Member
  • Members
  • Join Date: 23-Sep 08
  • 1182 posts

Posted 05 December 2017 - 01:47 AM #15

I highly recommend getting familiar with Chrome's CSS inspector.

 

https://developers.g...inspect-styles/

 

It will save you a lot of time in modifying cs-cart's styles and appearance.

 

David



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21996 posts

Posted 05 December 2017 - 06:14 AM #16

Thanks eComLabs. That worked perfectly. You're at the top of my list when it comes to real outsourced work.   :-)

 

You are welcome! :)


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)