How do I edit individual Sideboxes?

[MagicMan]

My "Best Seller" side box has about 1/4 of inch margin on the left side before the numbers.

How do I decrease this and move everything over to the left so it looks like the other sideboxes?

[kuroi]

My "Best Seller" side box has about 1/4 of inch margin on the left side before the numbers.

How do I decrease this and move everything over to the left so it looks like the other sideboxes?

This is most likely to be due to the default margins and/or padding on the ordered list tag (<ol>) used only in the best sellers sidebox.

You would fix this by adding your own margin and passing for this tag in your stylesheet.

[MagicMan]

Great, but where is the section in my stylesheet? I can't find it.

What text do I do a "Find" on?

[kuroi]

You add it. You are currently seeing the ordered list with the default spacing given to it by your browser. You're going to override them with something more to your taste.

[MagicMan]

Forgive my ignorance but could you provide me with the proper line code as well as tell me where in the CSS I need to place the code.

I am just learning about the CSS and how it works.

[gjh42]

This one can be added pretty much anywhere in your stylesheet (though sometimes the location of custom CSS is important); some people group custom declarations at the end of the file, some put them with declarations for the same part of the page. Do what makes sense to you.

#bestsellers ol {margin-left: .3em;}

Adjust to taste.

[MagicMan]

Does not seem to be working> I did find this in my CSS and this is what is currently listed:

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
padding: 0;
margin-left: 1.1em;
}

#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}


I am also running the "BetterCatagories" mod css as well.

[nomadrw]

Hello MagicMan
Trying change the
the margin in this section
#bestsellers li (the li stands for listing)

#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}

nomad
I would copy the info then change it and do a save it but don't close the file then do a test if its not right then you can do an undo

[gjh42]

"I am also running the "BetterCatagories" mod"

This may have altered the box id, or else it may have styling that overrides #bestsellers ol {}.

#bestsellers li won't do it if #bestsellers ol doesn't work.

Look in view source - what are the classes and ids in & around the bestsellers output?

Or post a link so we can see what to style.

[MagicMan]

I am running TruBlu template as well. I deleted everything that had to do with BestSellers in the CSS Sidebox area and there was no change.

Something is overiding this inside the TruBlu template. It looks like crap.

Here is the Page Source:

<td id="navColumnTwo" class="columnRight" style="width: 150px">
<div id="navColumnTwoWrapper" style="width: 160"><!--// bof: bestsellers //-->
<table width="160" border="0" cellspacing="0" cellpadding="0" class="rightbox" id="bestsellers-table">
<tr class="rightboxheading" id="bestsellers-heading-tr">
<!-- Sidebox Header -->
<td colspan="1" width="20%" class="rightboxheading"><img src="includes/templates/trublu/images/sidebox_icon_catalog.gif" alt="" /></td><td colspan="3" width="100%" class="rightboxheading" id="bestsellers-heading-td">Bestsellers</td>
</tr>
<tr>
<!-- Sidebox Contents -->
<td colspan="4" class="rightboxcontent" id="bestsellers-content">
<div id="bestsellersContent" class="sideBoxContent">
<div class="wrapper">
<ol>