How to center image within sidebox?

Hoping someone may be able to help please.

If you take a look at my site www. h a z e l v a l l e y p a c k a g i n g .com, you will see that the crafty syntax image isn't centered. Although I have been using firebug and the web developers tools, I am still getting to grips with them and cannot locate the file that I will need to alter. Please could someone which file I need to alter and what i need to alter it to?

Many thanks

In /includes/templates/cherry_zen/css/stylesheet.css, you could add

#craftysyntax img { margin-left: 20px; }

Hi

Thanks for the prompt reply.

Where specifically in the stylesheet would this need to be changed? Have tried adding it to the sidebox content and it didn't change anything?

Many thanks again for your help.

You can add it anywhere in the stylesheet.

Hi

Just a quick note to let you know that although I tried, I couldn't fix according to your solution. I found this file:

includes/templates/cherry_zen/sideboxes/tpl_blank_sidebox.php and changed this:

Line #12 : $content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">';

to this:

$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent centeredContent">';

Thanks again for all your help and hope this provides a solution for someone!

jo_h1971:

hope this provides a solution for someone!

It did :smile:
I have been trying to sort this out for ages!!

Thanks

jo_h1971:

Hi

Just a quick note to let you know that although I tried, I couldn't fix according to your solution. I found this file:

includes/templates/cherry_zen/sideboxes/tpl_blank_sidebox.php and changed this:

Line #12 : $content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">';

to this:

$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent centeredContent">';

I was looking for this same answer, and your solution fixed it!