Announcement

Collapse
No announcement yet.

V10 Smart Theme Logo Centering

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    V10 Smart Theme Logo Centering

    Hi all,

    I am fairly new to Actinic software - I have been using Actinic Express successfully for some time now and I am looking to upgrade to Actinic Business.
    I am currently having a go with the trial version of the software, and I think I have figured out how to do most things I would like to.
    However, one thing is evading me.
    Centering the shop logo!

    At the moment, the logo is aligned to the left, leaving a block of colour between the right side edge of the logo and the right side edge of the screen.
    What I would like to do is centre the store logo and remove this block of colour to match the background colour of the website.

    Please see my current store for an example: http://www.cyberloxshop.co.uk
    I would like the logo to be in the centre of the screen.

    I have trawled through this forum for some inspiration as to how to do it, and so far I have come across nothing for how to do this on V10.

    What I have done is the following: In the Design Tree, I have edited the code under the section "Smart Header Area" Please see below:

    <table width="100%" cellspacing="0" cellpadding="0" border="0" style="background-image:url('theme_topbar_background.gif');">
    <tr>
    <td><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Brochure%22"><actinic:variable name="CompanyLogoImage" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22"><actinic:variable name="BrochureLogoImage" /></actinic:block></td>
    <td align="center">
    &nbsp;
    </td>
    </tr>
    </table>

    I have altered td align to be "center" instead of "left" - expecting that this would make the logo appear in the center, but lo and behold....nothing! No change! The logo still appears aligned to the left.

    Please can someone help me align the logo how I would like it and also explain to me how to remove the block of colour in the header so that it matches the background colour please?

    Upon searching the forum, this thread seems to be my exact problem, but I didn't understand the instructions to resolve the problem - maybe because I'm using a much later version of the software?
    http://community.actinic.com/showthread.php?t=21262

    I look forward to hearing a response from someone who can help me )

    Thanks!

    Aaron

    #2
    Here's a quick way.
    Locate the place in the code as attached image1 and then change the highlighted line to that in image2.

    NB: Personally I wouldn't use the smart theme, I'd consider changing it to a fixed width theme.
    Attached Files

    Comment


      #3
      Thank you very much for your reply! Working fine now!

      May I ask, why would you suggest not using the Smart theme?
      Which of the included themes are a fixed width?

      Comment


        #4
        Expanding width themes either leave gaps in content or stretch it out and make it difficult to read on widescreen monitors. Rather take a look at the HotShot for example which resembles Smart but is much better to look at and also has SEO benefits.

        Comment

        Working...
        X