styling <hr> tag

[remmo]

I want to change the way the horizontal lines appear between my products in my online store. I want to have the horizontal lines start 165px in from the left hand margin. At the moment they run the full width of the page. How do I do this. Sorry no page is uploaded yet and I don't know how to do a screen shot either

[I-CC]

You need to revert to CSS, so give your HR a class="myhr" for example, then create a CSS to style it.

tons of things you can do, padding-left, margin-left and so on.

[remmo]

Thanks for this. I've attached a screen shot of my shop index page. What I would like to do is move the horizontal grey line between my product categories 165px to the right. Where can I find this <HR> tag and how would I style it in the CSS?

[leehack]

If you are sure it is a <hr> tag and not a border, then search the code looking for an instance of it, select design view and note what is bringing it in (probably 'list layout settings if anything'). It will either show as <hr> or <hr/>. You will need to change that to either:

<hr class="myHR" > or
<hr class="myHR" />

and then add a new class into the bottom of your stylesheet (actinic.css):

.myHR {
INSERT STYLING HERE
}

and it will then do as you wish.

[remmo]

Thanks Lee, I was barking up the wrong tree... it wasn't a <ht> tag after all. Thanks for mentioning "border" it gave me the clue where to look.