Where is the Categoties left box source code?

[X-Bumble]

Can someone please tell me how I can either get access to the source code for the left hand side Categories panel, or how I can overwrite one?

I need to add a rounded box to the bottom of the category so need access to the HTML.

Any help is really appreciated

[gjh42]

Actually, you don't need access to the HTML in /includes/templates/your_template/sideboxes/tpl_categories.php; all you need to do is add custom styling to the existing sidebox elements with CSS.

Add these rules to your stylesheet and use whatever properties you need, such as padding: and background-image: or if you don't need to support old IE versions border-radius:

#categories {}
#categoriesContent {}

[X-Bumble]

Hi there,

Thanks for the URL. In fact css will not solve my problem on it's own. I am not using HTML5 on this project so I need to add a new div to hold the rounded corner png file.

[gjh42]

Border-radius is not HTML5; It has been a valid CSS property for many years, but is only now feasible to use because IE9 and newer finally support it.

You also don't need to add a new div to use a bottom rounded corners image. Put the rounded file as background-image for the #categories container with padding-bottom to clear the content up from the curves, then give the borders to left and right of #categoriesContent. Problem solved without touching PHP files.