Re: Convert to CSS - one piece at a time
 

Currently I am finishing my site redesign with version 4.1.10 and I do want to make these CSS changes but get stuck...

When looking at the 4.1.10 skin1 CSS file there is no .DialogTitle and .DialogBox but I what I can locate is:

TD.DialogTitle, TD.DialogTitle .Lbl {
COLOR: #000;
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
/* BACKGROUND-IMAGE: url(images/dialog_bg_n.gif);
BACKGROUND-COLOR: #44AADA;*/
VERTICAL-ALIGN: bottom;
TEXT-ALIGN: left;
}

and these two:

TABLE.DialogBox {
WIDTH: 100%;
HEIGHT: 100%;
VERTICAL-ALIGN: top;
}
TD.DialogBox {

TEXT-ALIGN: left;
/*PADDING: 10px;*/
}

So which ones am I supposed to change?

Another question related to this topic: Now I have H1 tags by surrounding the title in dialog.tpl.

How can I implement the H1 tags when the original contents are beeing replaced by the div classes?

Thanks in advance for some help with this..!

Re: Convert to CSS - one piece at a time
 

They don't exist by default, you need to create them per my post above :)

Not sure I follow you with the h1 tags?

Re: Convert to CSS - one piece at a time
 

Ah... So I will create them then :wink:


About the H1 Tags: In my live site I am using dialog.tpl with an H1 tag and dialog_no_h1.tpl for the parts where I don't want an H1 tag. When I would follow your post, the contents of the original dialog.tpl would be replaced by the div classes, right? So how do I add the H1 tags to show on the product title?

Re: Convert to CSS - one piece at a time
 

Just put the <h1> tags between the div tags:

<div class="DialogTitle"><h1 class="whateveryourclassis">{$title}</h1></div>

Re: Convert to CSS - one piece at a time
 

Many thanks for your (as always) quick reply!

Re: Convert to CSS - one piece at a time
 

did this on mine and worked very well.

Can we have some more please? :-)

Re: Convert to CSS - one piece at a time
 

Oh Yes! More CSS please.... :P A step by step manual "convert to CSS" as sticky would be an ultimate superthread :lol:

Re: Convert to CSS - one piece at a time
 

anyone got any more ideas on this one?

Re: Convert to CSS - one piece at a time
 

I'll post some more when I have some free time..

Re: Convert to CSS - one piece at a time
 

Great information and I was able to make my head.tpl and other tpls related to the head.tpl all css. Then I ran into a problem. The body wanted to stay in the header and I could not get the body of the content below the header.

Do you mind sharing how to get the body below the header?