BV Commerce Forum
»
BV Commerce Support
»
General Support
»
How to change css of columns on home page and category pages
Rank: Member
Joined: 2/25/2008(UTC)
Posts: 111
|
To change the css of the files bv creates do you just substitue your own css file or put the page you want to change into the css. I want to change the color and font of the categories, site menu, etc
|
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
I suggest you have a look at your pages with a tool that brings up the Display Element info (Information tab > Display Element Information) as you mouse around on the page. Cklicking freezes the yellow info box. This tells you exactly where you are in the CSS. They'll allow you to do a local-only edit of the CSS so you can see the changes you're thinking about in real time. For FireFox, I'd go with: https://addons.mozilla.org/en-US/seamonkey/addon/60 The shot below shows the page, and a red box around the 'recordname', and plenty of information about it. Find the div in the CSS and make your changes as a trial. When you close, nothing saves so you can really screw it up without harm. In this case, changing font-size= 100% to 75% will alter it on the screen. Invaluable tool. MitchA attached the following image(s):  Firefox-add-on-2.jpg (105kb) downloaded 34 time(s).You cannot view/download attachments. Try to login or register. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 2/25/2008(UTC)
Posts: 111
|
Ok, I changed the css by adding content
homepagecolumn1width150pxfloatleft
#homepagecolumn2width200pxfloatleft
#homepagecolumn3width0pxfloatleft[2];}[/2] [2]My question is this, how do I move the browse categories that is coming from the bv database to where my browse categories is? I will take my html out and I want the bv categories to be where mine is?[/2] [2]Thanks [/2] File Attachment(s): screenshot3.bmp (2,305kb) downloaded 27 time(s).You cannot view/download attachments. Try to login or register.
|
|
|
|
|
|
Rank: Member
Joined: 2/25/2008(UTC)
Posts: 111
|
new screen shot, how do I make the categories that bv created move to where I have my browse categories? I will remove my html emunah attached the following image(s): screenshot.JPG (106kb) downloaded 31 time(s).You cannot view/download attachments. Try to login or register.
|
|
|
|
|
|
Rank: Member
Joined: 5/24/2004(UTC)
Posts: 4,147
|
Your CSS is incorrect, you shouldn't have a 0px width on a column. Are you trying to hide it? If so, use display: none; only or remove the block from the source code completely.
View the source in your browser to see where that HTML is, as well as look for it in the pages. I'm assuming it's coming from your 1st home page content column. You should be able to make all of these changes in your theme. |
|
|
|
|
|
|
Rank: Member
Joined: 2/25/2008(UTC)
Posts: 111
|
The browse category is coming from homepage column 2, when I placed it one it was worse
Thanks
|
|
|
|
|
|
Rank: Member
Joined: 2/25/2008(UTC)
Posts: 111
|
Ok, I fixed the browse categories function on the home page, now I have two more problems with the category page, The browse categories is showing up to much to the left, the products are being listed in the footer and I cannot change the css on the category page. Which file or div id do I place in my css to change the layout? screen shot emunah attached the following image(s): screenshot.JPG (118kb) downloaded 38 time(s).You cannot view/download attachments. Try to login or register.
|
|
|
|
|
|
Rank: Member
Joined: 8/8/2007(UTC)
Posts: 298
|
Emunah:
I think your really making this more complicated that it is.
I knew nothing about CSS when i start with my store. I got in there using Firefox and Firebug so that i could inspect the coding and the CSS. With Firefox and Firebug you and click on an item or area and see exactly what line of CSS is controling it. YOu can even make temporary visual changes right there and see what happens. Then you can actually go into your CSS file and find that line and make your changes.
It take a lot of playing and trying things to get it right. But it really isn't too bad. Just takes time.
Also i found that when you ask a question here. The more information you can provide to those that are helping the better, and the more precise the help will be.
HOpe that helps. |
Dan
|
|
|
|
|
|
Rank: Member
Joined: 2/25/2008(UTC)
Posts: 111
|
ok why are the products showing up on the bottom with the word supplements? emunah attached the following image(s): screenshot.JPG (116kb) downloaded 47 time(s).You cannot view/download attachments. Try to login or register.
|
|
|
|
|
|
Rank: Member
Joined: 5/24/2004(UTC)
Posts: 4,147
|
This cross-posting with very limited information is not helping, man. We need details to help, or post your code. We can't see your code from a screenshot, and that last question/screenshot makes no sense.
I think you may be going about your layout all wrong in the markup and CSS? Is this something you're familiar with? |
|
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
|
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 8/8/2007(UTC)
Posts: 298
|
Mitch:
I think thay may be his current site not is BV5 site. |
Dan
|
|
|
|
|
|
Rank: Member
Joined: 5/24/2004(UTC)
Posts: 4,147
|
It's essentially a wireframe or mockup. |
|
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
Good. Cause the CSS isn't like anything I've seen in a BVC site. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 2/25/2008(UTC)
Posts: 111
|
So what do you suggest? Completely changing the CSS
|
|
|
|
|
|
Rank: Member
Joined: 5/24/2004(UTC)
Posts: 4,147
|
You'd have to only because you're undoubtedly working with a different markup structure in BV than in your mockup. I'm not sure what Mitch means, but that isn't to say anything is wrong with your original CSS. |
|
|
|
|
|
|
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.