www.turborater.com

Topics > Design > FAQ ID # 410
FAQ ID # 410
CSS change text of Contact Me button
Last Update : 2018/01/17
Send FAQ by E-mail
Print this FAQ

Question / Issue
How to change the text displayed on the Contact Me button on the comparison page.

Answer / Solution

The text (both English and Spanish) that is displayed on the button used by a consumer to initiate a Contact Request can be hidden and/or changed by overriding the CSS. 

To hide and/or change the text:

  1. Log in to your Admin Console
  2. Click on the Design tab
  3. Enter the CSS as listed below, changing "insert your text here" to your own text
  4. Click Save Changes when done.

 

 CSS to hide "Contact Me":

.ContactMeButton
{
display: none !important;
}

CSS to add new text (English):

.ContactMeButtonOverride:after
{

content : "insert your text here";

background-color: #207ec8;

color: white;

padding:5px;

white-space:nowrap;

}

CSS to add new text (Spanish):

.ContactMeButtonOverrideSpanish:after
{

content : "insert your text here";

background-color: #207ec8;

color: white;

padding:5px;

white-space:nowrap;

}

 

 NOTE: if you want this text to also appear when viewed in a mobile device, click on the Mobile tab and enter the same text above.

Also, because the new text may create a need to change the width of the button, we recommend testing out your changes to verify no additional CSS changes need to be made.


Direct Link to This FAQ
http://www.itcdataservices.com/support/ecmpfaq/?f=410

Tags

Back to Top