Mod for subcategories in columns with descriptions and icons

vahidnia · #**221** 09-16-2007, 04:33 PM

I checked both. there is only one ColumnTitles in skin1.css file (at the end of the page) and <br> tag was already there.
If i could find how i could change the text size of the subcategories i would have been able to fighure that out. Any advise on that?
Thanks for your time,
V

MoonDog · #**222** 09-16-2007, 08:09 PM

vahidnia,

Search for this code in the skin1/skin1.css file.
This is what your looking for to change the font styles of the subcategories.

Code:

 
/*
 Items style
*/
.ItemsList {
 COLOR: #003834;
 FONT-WEIGHT: bold;
}
.ItemsListDisabled {
 COLOR: #909090;
}
A.ItemsList:link {
 COLOR: #330000;
 TEXT-DECORATION: none;
}
A.ItemsList:visited {
 COLOR: #330000;
 TEXT-DECORATION: none;
}
A.ItemsList:hover {
 COLOR: #330000;
 TEXT-DECORATION: underline;
}
A.ItemsList:active {
 COLOR: #330000;
 TEXT-DECORATION: none;
}

Since the font size is inherited, and you want a different size font. Then all you do is just insert the font size you want into the .ItemsList class.
Example: you want to change to font size to 16 px. All you do is insert this code:

Code:

FONT-SIZE: 16px;

into the .ItemsList class above. So that your code will now look like this:

Code:

 
.ItemsList {
 COLOR: #003834;
 FONT-SIZE: 16px;
 FONT-WEIGHT: bold;
}

And that's it.

- MoonDog -

vahidnia · #**223** 09-16-2007, 10:09 PM

I told you my skin1.css file has no control over anything! It was skin1_c.css! can you believe that!

Thanks for your help MoonDog!

alreadyregistered · #**224** 10-08-2007, 10:38 AM

DIV is block-level. text-align does not center a DIV. The correct way to horizontally center a DIV is to use "auto" attribute, like so:
margin:0 auto 0 auto.

Tested. This will get you what you want:

.ColumnTitles {
TEXT-ALIGN: center;
WIDTH: 33%
PADDING-LEFT: 5px;
margin:0 auto 0 auto;
}

alreadyregistered · #**225** 10-08-2007, 10:44 AM

I have the mod working for my version (see below). However, the thumbnail placement, according to the division, is not good.

I have:
15 subcategories (in one category)
code set for 3 columns, colspan=3

Displays as
4 images on first row
3 images on 2nd, 3rd, 4th rows
2 image on last row

Rather than 3 items on each row. Any ideas how to (scalably) force this?

miami.mom · #**226** 10-18-2007, 11:10 AM

Moon Dog (and 27stars and mrkenzie) - thank you so much!!! Your instructions were simple, easy and worked perfectly!!! I really appreciate you taking the time to share this mod!

simplyvacuums · #**227** 10-23-2007, 07:35 AM

I cant get the images to show up. I have category icons, and detailed product images set to file system and product thumnails set to db and I think thats my problem. When I try to chang it, file system is in red lettering and I get this

Images transferring log ************************************************** ********************

LOG CREATED: 2007-10-16 19:31:16
Category icons
Location: FS

no images are found
Product thumbnails
Location: FS

Product detail images
Location: FS

no images are found

************************************************** ********************

LOG CREATED: 2007-10-23 11:28:32
Product thumbnails
Location: FS

aerogear2000 · #**228** 11-06-2007, 02:02 AM

thanks for the Mod, but my text will not center also

MoonDog · #**229** 11-06-2007, 09:26 PM

aerogear2000,

Post #218 describes what you need to do in order to center the text. The code should be placed in your skin1.css file. And if that doesn't work, then check to see what css file you are using and place that code into the css file that you are using. If you have a skin1_c.css file then add it to the bottom of that file. This should take care of the problem.

- MoonDog -

Bryan Crenshaw · #**230** 11-07-2007, 01:05 AM

I have the mod working for my version (see below). However, the thumbnail placement, according to the division, is not good.

I have:
15 subcategories (in one category)
code set for 3 columns, colspan=3

Displays as
4 images on first row
3 images on 2nd, 3rd, 4th rows
2 image on last row

Rather than 3 items on each row. Any ideas how to (scalably) force this?
__________________
XCart Gold 4.1.3
Apache/1.3.27 (Unix) (Red-Hat/Linux) mod_ssl/2.8.12 OpenSSL/0.9.6b PHP/5.0.3 mod_perl/1.27
Reply With Quote
'''''''''''''''''''''''''''''''''''''''''''''''''' '''''''''''''''''''''''''''''''''''''''''''''''''' '''''''''''''''''''''''''''''''''''''''''''''''''' ''''''''''''''''''''''''''''''''''''''

Same problem here. Any suggestions?

Bryan