Convert to CSS - one piece at a time

WhiteDoveGifts · #11 05-29-2008, 06:10 AM

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..!

balinor · #12 05-29-2008, 06:21 AM

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

Not sure I follow you with the h1 tags?

WhiteDoveGifts · #13 05-29-2008, 06:46 AM

Quote:

Originally Posted by balinor

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

Ah... So I will create them then

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?

balinor · #14 05-29-2008, 06:51 AM

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

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

WhiteDoveGifts · #15 05-29-2008, 06:57 AM

Many thanks for your (as always) quick reply!

happyscott · #16 05-30-2008, 09:04 AM

did this on mine and worked very well.

Can we have some more please?

WhiteDoveGifts · #17 05-30-2008, 01:10 PM

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

happyscott · #18 06-10-2008, 08:52 AM

anyone got any more ideas on this one?

balinor · #19 06-10-2008, 10:08 AM

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

Cyber Matrix · #20 06-12-2008, 06:03 AM

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?