• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

birdsafe
#1 Posted : Saturday, April 7, 2007 9:01:12 AM(UTC)
birdsafe

Rank: Member

Joined: 2/21/2007(UTC)
Posts: 1,113

Where can I find how to control the Catalog Title section? That is the bar at the top of the page that dynamically contains the Catalog (Category) title? I have looked in the styles.css file but am not sure what style section it is. I need to be able to change the font and background color.


What needs to be one with the BV5 Manual is to have a section that displays each page and describes the elements and what file(s) control them. Most of the elements I'm able to find and customize okay, but some I'm having trouble tracking down some of them.



Thanks -- Joe
Kman
#2 Posted : Saturday, April 7, 2007 9:11:37 AM(UTC)
Kman

Rank: Member

Joined: 11/25/2003(UTC)
Posts: 370

Is #categorymain what you are looking for?

You might install this utility in FireFox.

http://chrispederick.com/work/webdeveloper/
Regards,
Kim(Kman) Rossey
www.toocoolwebs.com
BVSoftware - MerchantTribe Programming/Design, Database Programming and Business Applications
[email protected]
birdsafe
#3 Posted : Saturday, April 7, 2007 12:27:35 PM(UTC)
birdsafe

Rank: Member

Joined: 2/21/2007(UTC)
Posts: 1,113

Perhaps -- but in finding that section in the stylesheet it only gives me size information, nothing about fonts, background color, etc.
Andy Miller
#4 Posted : Saturday, April 7, 2007 12:51:03 PM(UTC)
Andy Miller

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 2,136

Was thanked: 1 time(s) in 1 post(s)
Try adding the font and color styles to the existing definition. CSS is hierarchical. If the style is not specifically defined, then the element inherits the style from its container, and so on. The "View Style Information" tool in WebDeveloper (the plugin that Kim mentioned) does a really good job of showing exactly which styles in the hierarchy apply to an element.
Andy Miller
Structured Solutions

Shipper 3 - High Velocity Shipment Processing
birdsafe
#5 Posted : Saturday, April 7, 2007 1:49:31 PM(UTC)
birdsafe

Rank: Member

Joined: 2/21/2007(UTC)
Posts: 1,113

Thanks Andy -- I actually found it by determing the existing color hex code and searching it out in the stylesheet. The section I was actually looking for was .h1 -- the .categorymain is actually the grid area of the category pages.

I'm finding that BV5 uses a lot more of CSS than I'm use to -- certainly a lot more flexibility than having nearly everything as "Content" :-)
Andy Miller
#6 Posted : Saturday, April 7, 2007 3:20:28 PM(UTC)
Andy Miller

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 2,136

Was thanked: 1 time(s) in 1 post(s)
A LOT more!

I get the sense that you are resisting FireFox + WebDeveloper plugin. Don't. It really is painless and the combination is fantastically easy to use. I do virtually all of my design work in FireFox. The three features I use most: View Style Information, Edit CSS (seriously! edit the CSS and see the affect live!), and Outline XXX. Actually I will temporarily add a border in CSS more often then I will use Outline XXX, but they are both useful.

"searching it out" is so 2005 :)
Andy Miller
Structured Solutions

Shipper 3 - High Velocity Shipment Processing
birdsafe
#7 Posted : Saturday, April 7, 2007 4:08:53 PM(UTC)
birdsafe

Rank: Member

Joined: 2/21/2007(UTC)
Posts: 1,113

Andy,

Actually I installed it and am working with it! I'm still trying to figure out what sections are what in the BV5 stylesheet.
Chris Dittmeier
#8 Posted : Saturday, April 7, 2007 4:20:14 PM(UTC)
Chris Dittmeier

Rank: Member

Joined: 1/3/2004(UTC)
Posts: 1,497

Remember that changes to the H1 section will affect all elements that use the H1 style. If you only want to change the one element that uses it, only change that element. I'm still learning more about CSS, but it makes life (well, web design life) so much easier.
Chris
Sirius Programming

www.siriusprogramming.com
MitchA
#9 Posted : Saturday, April 7, 2007 5:12:31 PM(UTC)
MitchA

Rank: Member

Joined: 3/3/2006(UTC)
Posts: 1,737

Joe, be sure to fire up some of the other browsers once in a while and have a look through other's eyes. Firefox can make everything look good, but not all shoppers use Firefox.
Optimists invent airplanes,
Pessimists buy parachutes.
Cliff
#10 Posted : Saturday, April 7, 2007 6:23:04 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

On the add-on subject, something that might be even more helpful for you than the web development toolbar is Firebug (http://www.getfirebug.com).

Just using the inspect feature you'll have everything you need at your fingertips. I had a meeting with one of the Firefox developers the other night and he said they actually use this one a lot in-house.

When testing in other browsers (I don't recommend developing in IE, but I do suggest constantly testing there and others), I'd recommend looking into Firebug Lite (http://www.getfirebug.com/lite.html).
Andy Miller
#11 Posted : Saturday, April 7, 2007 8:12:00 PM(UTC)
Andy Miller

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 2,136

Was thanked: 1 time(s) in 1 post(s)
I use Firebug to write/debug Anthem all the time (much better than Venkman), but I've never used the inspect tool...very cool! I especially like how it crosses out the css styles that are overridden by a more specific selector.
Andy Miller
Structured Solutions

Shipper 3 - High Velocity Shipment Processing
Cliff
#12 Posted : Sunday, April 8, 2007 12:39:16 AM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

Absolutely. And the ability to quickly edit in that direct cascade is such a time-saver.
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012