Results 1 to 7 of 7
  1. #1
    Join Date
    Oct 2009
    Posts
    33
    Plugin Contributions
    0

    Default 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

  2. #2
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,542
    Plugin Contributions
    88

    Default Re: How to center image within sidebox?

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

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

  3. #3
    Join Date
    Oct 2009
    Posts
    33
    Plugin Contributions
    0

    Default Re: How to center image within sidebox?

    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.

  4. #4
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,542
    Plugin Contributions
    88

    Default Re: How to center image within sidebox?

    You can add it anywhere in the stylesheet.

  5. #5
    Join Date
    Oct 2009
    Posts
    33
    Plugin Contributions
    0

    Default Re: How to center image within sidebox?

    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!

  6. #6
    Join Date
    May 2009
    Posts
    413
    Plugin Contributions
    0

    Default Re: How to center image within sidebox?

    Quote Originally Posted by jo_h1971 View Post
    hope this provides a solution for someone!
    It did
    I have been trying to sort this out for ages!!

    Thanks

  7. #7
    Join Date
    Oct 2007
    Posts
    157
    Plugin Contributions
    0

    Default Re: How to center image within sidebox?

    Quote Originally Posted by jo_h1971 View Post
    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!

 

 

Similar Threads

  1. How to center sidebox banner image?
    By ak6000 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 24 May 2010, 11:18 PM
  2. Help Center Live sidebox image
    By kajunto in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 5 Jan 2009, 10:01 PM
  3. How to center images in sidebox?
    By Decostyle in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 17 Apr 2008, 03:02 PM
  4. How to center content in a sidebox?
    By ckosloff in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 22 Oct 2007, 09:15 PM
  5. How to center Left Boxes within Column Left?
    By gingertea in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 28 Jul 2007, 06:21 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR