[SOLVED] Send to a friend - how to change the text color?

ALMAJ · April 15, 2013

Hi.

The title text: "Send to a friend" from the module "Send to a friend" is in blue color and it's hard to read because the background is dark gray!

how can i change the text to white color?

Tanks

Edited April 22, 2013 by majority (see edit history)

anishjmc · April 18, 2013

If yours is prestashop's default theme, then goto themes/default/css/product.css.

Find send_friend_form h2 and within brackets

then change

color:#fff;

vekia · April 18, 2013

@anishjmc your solution works like a charm so i can mark this thread as solved.

anyway, dear if you've got troubles with color change - feel free to write in this thread

regards

ALMAJ · April 18, 2013

Hello.

tanks for your reply, but belive it or not, i already have that on product.css

/* SEND TO FRIEND (pop-in) ##################################################################### */
#send_friend_form {
}

#send_friend_form h2 {
padding:8px 11px;
font-size:12px;
color:#fff;
text-shadow:0 1px 0 #000;
text-transform:uppercase;
background:#383838;
}
#send_friend_form .product {
margin:20px 10px;
}

but the color still blue

very strange, is there another way to change this?

best regards

anishjmc · April 18, 2013

can i have a look at ur site?

ALMAJ · April 18, 2013

can i have a look at ur site?

Sure, here my url site: www.tekcenter.pt/store

tanks again

anishjmc · April 18, 2013

can u plz force compile? ur present css is from cache. so force compile it to see new changes

Edited April 18, 2013 by anishjmc (see edit history)

ALMAJ · April 18, 2013

I have force compile and disable cache, i also deleted manually all files from cache and compile

but still the same blue text color

cant understand! should i delete the send to a friend module?

tanks!

ALMAJ · April 18, 2013

i have uninstalled, deleted and re-installed the module "send to a friend" again

i have deleted all cache files manually, i have force compile an disable the cache

i still have the dam blue text "send to a friend"

now... how can this be possible? There is no logic!

please help...

tanks.

anishjmc · April 18, 2013

plz see the screen shot. it still shows cached css. u do one thing goto send to friend module folder and find out sendtofriend.tpl file. in that find out

<h1>{l s='Send to a friend' mod='sendtoafriend'}</h1>

or

<h2>{l s='Send to a friend' mod='sendtoafriend'}</h2>

then add in the below code:-

style="color:#fff !important" into header tag like below

<h2 style="color:#fff !important" >{l s='Send to a friend' mod='sendtoafriend'}</h2>

ALMAJ · April 18, 2013

I cannot find: <h1>{l s='Send to a friend' mod='sendtoafriend'}</h1> or <h2>{l s='Send to a friend' mod='sendtoafriend'}</h2> in my sendtofriend.tpl file here my sendtofriend.tpl code:

{*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2013 PrestaShop SA
*  @version  Release: $Revision$
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]{capture name=path}{l s='Send to a friend' mod='sendtoafriend'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}
<div id="sendfriendpage">
<h1>{l s='Send to a friend' mod='sendtoafriend'}</h1>[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]<p class="bold"><strong>{l s='Send this page to a friend who might be interested in the item below.' mod='sendtoafriend'}.</strong></p>
{include file="$tpl_dir/errors.tpl"}[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]{if isset($smarty.get.submited)}
 <p class="success">{l s='Your email has been sent successfully' mod='sendtoafriend'}</p>
{else}
  <form method="post" action="{$request_uri}" class="std">
   <fieldset>
 <div class="product clearfix">
  <a href="{$productLink}" class="img_link"><img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'small_default')}" alt="" title="{$cover.legend}" /></a>
  <a href="{$productLink}" class="product_desc"><br />{$product->name}</a>
 </div>[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]	 <div id="send_friend_form_content">
  <p class="text">
   <label for="friend-name">{l s='Friend\'s name' mod='sendtoafriend'}</label>
   <input type="text" id="friend-name" name="name" value="{if isset($smarty.post.name)}{$smarty.post.name|escape:'htmlall':'UTF-8'|stripslashes}{/if}" />
  </p>
  <p class="text">
   <label for="friend-address">{l s='Friend\'s email' mod='sendtoafriend'}</label>
   <input type="text" id="friend-address" name="email" value="{if isset($smarty.post.name)}{$smarty.post.email|escape:'htmlall'|stripslashes}{/if}" />
  </p>[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]	  <p class="submit">
   <input type="submit" name="submitAddtoafriend" value="{l s='send' mod='sendtoafriend'}" class="button" />
  </p>
 </div>
   </fieldset>
  </form>
{/if}[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]<ul class="footer_links">
 <li><a href="{$productLink}">« {l s='Back to product page' mod='sendtoafriend'}</a></li>
</ul>
</div>[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]

my prestashop version is: 1.5.4

tanks

anishjmc · April 18, 2013

change color=#343943 to color=#fff

vekia · April 18, 2013

change color=#343943 to color=#fff

this is forum markup, not markup in the code

ALMAJ · April 18, 2013

hello again, i still have no luck

i have gave to you the wrong sendtofriend.tpl file, the previous file was from another installation of prestashop version

this one is from my site:

file "sendtofriend.tpl":

{*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2013 PrestaShop SA
*  @version  Release: $Revision$
*  @license	http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{capture name=path}{l s='Send to a friend' mod='sendtoafriend'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}
<div id="sendfriendpage">
<h1>{l s='Send to a friend' mod='sendtoafriend'}</h1>
<p class="bold"><strong>{l s='Send this page to a friend who might be interested in the item below.' mod='sendtoafriend'}.</strong></p>
{include file="$tpl_dir/errors.tpl"}
{if isset($smarty.get.submited)}
 <p class="success">{l s='Your email has been sent successfully' mod='sendtoafriend'}</p>
{else}
  <form method="post" action="{$request_uri}" class="std">
<fieldset>
 <div class="product clearfix">
  <a href="{$productLink}" class="img_link"><img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'small_default')}" alt="" title="{$cover.legend}" /></a>
  <a href="{$productLink}" class="product_desc"><br />{$product->name}</a>
 </div>
 <div id="send_friend_form_content">
  <p class="text">
   <label for="friend-name">{l s='Friend\'s name' mod='sendtoafriend'}</label>
   <input type="text" id="friend-name" name="name" value="{if isset($smarty.post.name)}{$smarty.post.name|escape:'htmlall':'UTF-8'|stripslashes}{/if}" />
  </p>
  <p class="text">
   <label for="friend-address">{l s='Friend\'s email' mod='sendtoafriend'}</label>
   <input type="text" id="friend-address" name="email" value="{if isset($smarty.post.name)}{$smarty.post.email|escape:'htmlall'|stripslashes}{/if}" />
  </p>
  <p class="submit">
   <input type="submit" name="submitAddtoafriend" value="{l s='send' mod='sendtoafriend'}" class="button" />
  </p>
 </div>
</fieldset>
  </form>
{/if}
<ul class="footer_links">
 <li><a href="{$productLink}">« {l s='Back to product page' mod='sendtoafriend'}</a></li>
</ul>
</div>

hope some one can figure this out

tanks again anishjmc for your effort to trying find a solution

Edited April 19, 2013 by majority (see edit history)

ALMAJ · April 19, 2013

Ok. after hours of research and troubleshooting i have figure out what is the problem

the problem is the paypal module version 1.4.8, if enabled makes the text "Send to a friend" blue

when disabled the text go back to normal white, in some way paypal module is interfering with the send to a friend module or with the product.css itself

Now i need to find what code is causing this....

Can someone replicate this with the paypal module?

I appreciate any advise for a solution

Tanks in advance.

Edited April 19, 2013 by majority (see edit history)

ALMAJ · April 19, 2013

Ok, the noob here just found a fix

for anyone who have the similar problem here the steps:

go to modules > paypal > css > and open the file: "paypal.css"

now find this code:

h6,#fancybox-wrap h1,#fancybox-wrap h2,#fancybox-wrap h3,#fancybox-wrap h4,#fancybox-wrap h5,#fancybox-wrap h6{color:#036;font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:400;text-transform:uppercase

and replace with this:

h6,#fancybox-wrap h1,#fancybox-wrap h2,#fancybox-wrap h3,#fancybox-wrap h4,#fancybox-wrap h5,#fancybox-wrap h6{color:#fff;font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:400;text-transform:uppercase

Or just change the color code: #036 to the color code: #fff

after this the cache from /cache/smarty must be deleted, and from the browser too,

we also need to delete all cookies from the browser.

after that the annoying "Send to a friend" blue text will disappear leaving with the normal white text.

This method fix the problem for me, but i do not know if it is the right method...

changing the paypal module code can be dangerous? Can this influence with paypal's security?

i don't know, you see, i am not a coder, but i do see logic very well, i'm good with logic,

and because of that i fix the problem... well... for now....

any way i'm going to start counting the bugs I found and fixed

Best regards and happy bug hunting...

Edited April 19, 2013 by majority (see edit history)

Swinky · September 11, 2013

Works like a charm majority. This took a while to find a solution.

Looks like the developer hasn't written the CSS to be entirely specific to their module. It is overriding fancybox styling for the send to a friend feature.

Rick4F · January 18, 2014

Ok, the noob here just found a fix

for anyone who have the similar problem here the steps:

go to modules > paypal > css > and open the file: "paypal.css"

now find this code:
h6,#fancybox-wrap h1,#fancybox-wrap h2,#fancybox-wrap h3,#fancybox-wrap h4,#fancybox-wrap h5,#fancybox-wrap h6{color:#036;font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:400;text-transform:uppercase
and replace with this:
h6,#fancybox-wrap h1,#fancybox-wrap h2,#fancybox-wrap h3,#fancybox-wrap h4,#fancybox-wrap h5,#fancybox-wrap h6{color:#fff;font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:400;text-transform:uppercase
Or just change the color code: #036 to the color code: #fff

after this the cache from /cache/smarty must be deleted, and from the browser too,

we also need to delete all cookies from the browser.

after that the annoying "Send to a friend" blue text will disappear leaving with the normal white text.

Wow, and thank you that was really an annoying hard to solve problem.

Thank you, thank you!

[SOLVED] Send to a friend - how to change the text color?

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in