Yes, I like the subcats going to bold and a hair larger better than the stretching you had before - It seems like a more natural emphasis and not distracting.
Printable View
Yes, I like the subcats going to bold and a hair larger better than the stretching you had before - It seems like a more natural emphasis and not distracting.
I promise I'm not being lazy, I've read over the board and faq a bunch of time, but right now I'm just not understanding a lot of stuff, I think if someone is able to push me in the right direction, then the learning curve might go pretty quickly.
My site is: www.themeatgoat.com
I populated buttons in the folders and got the 1st column heading to work. That was awesome!
Here is my challenge list:
1. I want to make all the items on the left buttons and headers like I the ones i was able to figure out. But I'm having lots of trouble figuring out what kind of code to write and where to write it.
2. how do I figure out what to name the gifs so they autopopulate over the current ones
3. how do I take out the Catagories headers that came with the template, so I'm not duplicating them when I create them with this program.
Thanks for the help!
Are you wanting the "GoatProducts" heading to replace the "Categories" sidebox heading? Then you want to use the Image Titles mod for that and the other box headings.
I notice that you have some text constant names displaying where there is usually some ordinary text, like TABLE_HEADING_IMAGE, TABLE_HEADING_PRICE and TEXT_NO_PRODUCTS. Did you delete those define statements in an attempt to eliminate the text? That won't work - you need to restore the define statements and change the definitions from 'Whatever text' to '' (two single quotes).
Hi again, and thanks for your patience.
As by your suggestion here, I did the changes, butI think I am missing something.
1 - when I put no-repeat in #categories ul a
the backround image disappears
2 - I was trying to leave the "new items/products", and the "all products" links w/o the background image.
Also you said:
"Since you don't want to distinguish between various types of categories at each level"
I wouldn't mind distinguishin between them, if I could get the look I need; though I have to understand exactly the advantages.
Thank you again.
For the "ul a" rule, you put the background: property after the background-image: property. background: resets everything that is not explicitly described in it to default (null in this case). When you use background: in a rule, put everything background-related in that rule.
Also, giving a bit of left margin to subcats will align them correctly.
You can address the link backgrounds here (uncomment the rule):Code:#categories ul {/*top category lists*/
list-style: none;
background: none;
/*border: 2px solid #F00;*/
margin: 0 0 0.4em 0;
padding: 0;
}
#categories ul a {/*top categories*/
display: list-item;
list-style: disc inside url(../images/bullet_01.gif);/*change to list-style: none; to remove bullet*/
background: #FF0000 url(../images/category_bg_01.jpg) no-repeat; /*aggiunta mia*/
height: 24px;
border: none;
margin: 0;
padding: 5px 0 0 0;
}
#categories ul ul {/*subcategory lists*/
list-style: none;
background: none;
border: none;
margin: -4px 0 9px 0;
padding: 0 0 0 10px;
/*border: 2px solid #0FF;*/
}
#categories ul ul a {/*subcategories*/
display: list-item;
list-style: circle inside url(../images/bullet_01.gif);/*change to list-style: none; to remove bullet*/
background: #00FF00 no-repeat url(../images/category_bg_02.jpg); /*aggiunta mia*/
border: none;
margin: 0 0 0 9px;
padding: 0;
}
#categories ul ul ul {/*subcategory lists*/
list-style: none;
background: none;
border: none;
margin: -4px 0 0 0;
padding: 0 0 0 10px;
/*border: 2px solid #000;*/
}
#categories ul ul ul a {/*sub-subcategories*/
display: list-item;
list-style: circle inside url(../images/bullet_01.gif);/*change to list-style: none; to remove bullet*/
background: #0000FF no-repeat url(../images/category_bg_03.jpg); /*aggiunta mia*/
border: none;
margin: 0 0 0 18px;
padding: 0;
}
Code:/*different bullet for links if desired*/
#categories li a.category-links {
list-style: none;
background: none;
}
Quote:
Originally Posted by gjh42
Love the Image Titles mod, looks great! I think the site is finally starting to look somewhat presentable with your help! Thanks!
Re: the Table_Stuff
I don't remember doing anything to try to change those. And now I am unable to track down the spot where the define statements are missing. Would you have any idea at all?
http://themeatgoat.com/index.php?mai...=index&cPath=1
(Problem solved in another thread.)
I hope someone can pin point this error quite easily on http://www.bodykitsonline.co.uk/ at the bottom of the left hand category list underneath sale items and specials there is a little square, its line 144 in view source. Just wondering where to go to delete it.
Thanks
I don't know where that could have come from. Did you do any editing of tpl_categories.php at all? Can you post the section for a few lines above and below the place that outputs this, in [php] and [/php] tags, please.You do have a slightly older version which had some <ul> nesting bugs, though I don't see how that could affect what you have.HTML Code:</ul><hr id="catBoxDivider" /><ul class="catLinks">
Posting that copy/paste from your view source eliminates the square. I wonder if it is some kind of blank in another character set??