X-Cart forums

[Brian Peat]

I did a search and found a few hints at doing this, but nothing really clear.

Basically I am building a site for a client, and the main background color for the store is black. The boxes inside that all have white backgrounds, so the body text needs to be black to show up there. The problem is, that pseky welcome message is also black.

I attempted to add some font class tags into the welcome.tpl file, but they simply get ignored.

Does anyone know of a way (even if I have to make new css tags, which I did already) to get JUST that welcome text to show up white?

[Brian Peat]

Crap, I'm realizing just how hard this is going to be. There is text outside my white boxes all OVER the site.

So, maybe it's eaier to change the text INSIDE the main product boxes instead? If so, anyone care to suggest how to do that?

[balinor]

<font> tags are depreciated and should not be used. The easiest way to fix your problem is just going to be to surround the welcome text in customer/main/welcome.tpl with a <div> tag like this:

<div style="color: #FFFFFF;">{$lng.txt_welcome}</div>

You can also control the 'white boxes' by editing the .dialogbox style in skin1.css.

[Brian Peat]

Thanks.

Since I have to visit this client in about 20 min, I gave up for now and used a few shades of grey for the different boxes, except for the dialog, which is white. It works, but I might revisit this using Div tags and report back if I was successful or not.

the most frustrating part is that I couldn't seem to override the Body tag, but I'm betting if I can get the Div tags to work that'll do the trick (lets hope).

[balinor]

Yes, DIV will override the body tag, font will probably not.

[Stephen Hatton]

Hi Brian Peat

Alternatively turn the text into a paragraph and define it in the style sheet.

Wrap the text

<p class="YourStyleName">
{$lng.txt_welcome}
</p>

and in your skin1/skin.css put the following lines:

p.YourStyleName
{ color: #FFFFFF; background-color: inherit }
/* White */

At any time you can change the colour by changing the style sheet and the colour is definitely locked into that class.

A problem with the .Style that xcart uses is that they are global and can be used for fonts, tables, backgrounds, which then makes it very hard to change one thing without affecting many other things.

If we had slow modems all the time, then we would have to stick to the old way (lean and mean and near enough is good enough), but with ADSL and Cable Modems, that is no longer the case, and we should start to separate our titles, tables, backgrounds, etc. to take control of the looks.

Regards
Ing. Stephen Hatton

[gramps]

[quote="balinor"]<font> tags are depreciated and should not be used. The easiest way to fix your problem is just going to be to surround the welcome text in customer/main/welcome.tpl with a <div> tag like this:

<div style="color: #FFFFFF;">{$lng.txt_welcome}</div>

v4.0.14
Tried solution above to no avail. Suggestion is for v4.0.12& 16 I believe, what to do about v4.0.14

[justme]

Simple...
Just edit the Welcome text in the Languages section.
<font color="#FFFFFF"> This text is white. </font>
Works in every version.

Although I do use style in the overall design, the depreciated font tags still work, and I use them in the variable text that my clients edit themselves.

~ justme ~

[gramps]

Thank you. You are truly a wonderful human being. Gramps

[ryno]

this just reminds me of all the crappy depreciated code in x-cart....

You SHOULD just use a span tag around that body copy and put the css in your style sheet. Adding styles to a "p" tag is old... You don't need a "div" layer just to do that either.

 <span class="WelcomeTxt">{$lng.txt_welcome}</span> 

And in your style sheet add this:

 .WelcomeTxt {color:#fff;} 

(me joins the team as standards & compliance advisor...