Removing Category names and adding description

[briantium]

Hey everybody,

I'm wanting to be able to remove the "Portfolio sub-categories" line from said page (see http://www.briantium.com/Portfolio) and be able to replace it with a description, the way you can have a description for an individual album. Any ideas? Thanks.

Brian

[Allen]

Hey everybody,

I'm wanting to be able to remove the "Portfolio sub-categories" line from said page (see http://www.briantium.com/Portfolio) and be able to replace it with a description, the way you can have a description for an individual album. Any ideas? Thanks.

Brian
Try this and see if you like it.

Add this just below your nav code in your header.

<div id="portfolioDesc">
This is my Portfolio description.
This is my Portfolio description.
This is my Portfolio description.
This is my Portfolio description.
This is my Portfolio description.
This is my Portfolio description.
</div>
Add this to your CSS

#portfolioDesc {
display: none;
position: relative;
margin: -20px auto 50px auto;
width: 420px;
top: 40px;
color: red;
font-size: 120%;
font-family: Comic Sans MS, Verdana;
}

.category.category_Portfolio #portfolioDesc {display: block;}
.category_Portfolio #breadcrumb {display: none;}
.category_Portfolio .boxTop {display: none;}
#subCatGalleryTitle {display: none;}

Edit: changed the CSS so would not show on the galleries pages.

[briantium]

Thanks. That works except it puts it on EVERY page...


Try this and see if you like it.

Add this just below your nav code in your header.

<div id="portfolioDesc">
This is my Portfolio description.
This is my Portfolio description.
This is my Portfolio description.
This is my Portfolio description.
This is my Portfolio description.
This is my Portfolio description.
</div>
Add this to your CSS

#portfolioDesc {
display: none;
position: relative;
margin: -20px auto 50px auto;
width: 420px;
top: 40px;
color: red;
font-size: 120%;
font-family: Comic Sans MS, Verdana;
}

.category.category_Portfolio #portfolioDesc {display: block;}
.category_Portfolio #breadcrumb {display: none;}
.category_Portfolio .boxTop {display: none;}
#subCatGalleryTitle {display: none;}
Edit: changed the CSS so would not show on the galleries pages.

[Allen]

Thanks. That works except it puts it on EVERY page... I think this will get it off the gallery pages.


#portfolioDesc {
display: none;
margin: -20px auto 50px auto;
width: 420px;
top: 40px;
color: white;
font-size: 120%;
font-family: helvetica;
}

.category.category_Portfolio #portfolioDesc {display: block;}
.category.category_Portfolio #breadcrumb {display: none;}
.category.category_Portfolio .boxTop {display: none;}
#subCatGalleryTitle {display: none;}

[briantium]

Correction; it seems to be working now. Still need to be able to separate the text from subcategories...


Thanks. That works except it puts it on EVERY page...

[Allen]

Correction; it seems to be working now. Still need to be able to separate the text from subcategories...
It shows on the cat and sub-cat pages and not the gallery pages.
You only want it on the category page and not the sub-cat pages?

[briantium]

Hi,

I want seperate descriptions on the main category pages and subcategory ones.



It shows on the cat and sub-cat pages and not the gallery pages.
You only want it on the category page and not the sub-cat pages?

[briantium]

On second thought I'm thinking I'd rather skip the main gallery descriptions and just have the subcategory ones...


Hi,

I want seperate descriptions on the main category pages and subcategory ones.

[iamback]

I think this will get it off the gallery pages.


#portfolioDesc {
display: none;
margin: -20px auto 50px auto;
width: 420px;
top: 40px;
color: white;
font-size: 120%;
font-family: helvetica;
}

.category.category_Portfolio #portfolioDesc {display: block;}
.category.category_Portfolio #breadcrumb {display: none;}
.category.category_Portfolio .boxTop {display: none;}
#subCatGalleryTitle {display: none;}It won't get it off - it will only hide it in graphical browsers.

For search engines, it's still on every page - and will be indexed as such. Probably not the effect intended by briantium.

[briantium]

What do you mean? As I currently have it set up it's fine. Unless you're seeing something in a different browser that I can't?


It won't get it off - it will only hide it in graphical browsers.

For search engines, it's still on every page - and will be indexed as such. Probably not the effect intended by briantium.

[iamback]

What do you mean? As I currently have it set up it's fine. Unless you're seeing something in a different browser that I can't?I mean that the text sits on every page in the HTML and that is what a search engine bot reads. Search engines don't do JavaScript, and they don't do CSS - only HTML. A search engine is a different browser, one that sees HTML text only.

So when a search engine bot comes along, and indexes your pages, it will index all your category descriptions for every page because they are on every page. Try disabling the stylesheets for a moment (easy with the developer toolbar for Mozilla/Firefox/Seamonkey) and you'll see what's there in reality. Or try show source / show page source in your browser and search for the text of your category descriptions - try it on every page - but disabling CSS is much easier.

CSS can hide things from display in graphical browsers, not remove them from the HTML.

[devbobo]

I mean that the text sits on every page in the HTML and that is what a search engine bot reads. Search engines don't do JavaScript, and they don't do CSS - only HTML. A search engine is a different browser, one that sees HTML text only.

So when a search engine bot comes along, and indexes your pages, it will index all your category descriptions for every page because they are on every page. Try disabling the stylesheets for a moment (easy with the developer toolbar for Mozilla/Firefox/Seamonkey) and you'll see what's there in reality. Or try show source / show page source in your browser and search for the text of your category descriptions - try it on every page - but disabling CSS is much easier.

CSS can hide things from display in graphical browsers, not remove them from the HTML.

and so what if it gets indexed ?

you use a text browser do you ? Makes it kinda hard to look at photos.

[briantium]

But the majority of people viewing my page in Firefox, Safari, IE, etc won't see it on every page if they're simply visiting my site? I can live with that...


I mean that the text sits on every page in the HTML and that is what a search engine bot reads. Search engines don't do JavaScript, and they don't do CSS - only HTML. A search engine is a different browser, one that sees HTML text only.

So when a search engine bot comes along, and indexes your pages, it will index all your category descriptions for every page because they are on every page. Try disabling the stylesheets for a moment (easy with the developer toolbar for Mozilla/Firefox/Seamonkey) and you'll see what's there in reality. Or try show source / show page source in your browser and search for the text of your category descriptions - try it on every page - but disabling CSS is much easier.

CSS can hide things from display in graphical browsers, not remove them from the HTML.

[iamback]

and so what if it gets indexed ?Then search engines won't be able to send you to a specific Category page. Every match on any Category description is most likely to lead you to the home page, not a category page.

you use a text browser do you ? Makes it kinda hard to look at photos.Of course I do - and a host of other browsers as well - for testing and debugging. A text browser (or just disabling CSS and JS for a quick check) is extremely useful for analyzing what a search engine bot actually sees. (Or doesn't see!) In fact, that's exactly what I've been doing most of the day to see which gallery style is most useful for SEO.