Announcement

Collapse
No announcement yet.

Can I change header size?

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

    Can I change header size?

    Hi
    I'm new to the forum, I'm looking to edit the header size, I'd like to have more height to allow for a bigger logo image/text.
    I've searched through Actinic but haven't found anything as yet.
    I'm using Actinic V8.
    The site is www.kendallguitarshop.co.uk

    Thanks

    #2
    Hi Dominic, welcome to the forum.
    Hope fully this will achieve what you want to do.

    *NOTE:
    Ensure a working back up is in place before you try this

    As long as your store is pretty much standard, have a go at this:

    On the menu bar at the top click 'design -> libaray'
    In the new window select the 'Layout' tab
    scroll down to 'Theme Stylesheets' and double click it
    select 'Styles for Executive Theme' and double click it

    In the new window you should see this code (line 11)
    Code:
        .page_header_content    {
            width: 762px;
            text-align: left;
            height: 63px;
            }
    change it to
    Code:
        .page_header_content    {
            width: 762px;
            text-align: left;
            <actinic:block php="true" selectable="false">
                if (<actinic:variable name="CompanyLogoHeight" /> >= 62){
                    echo 'height: ',<actinic:variable name="CompanyLogoHeight" />,'px;';
                }
            </actinic:block>
            }
    Next, scroll down to this next bit of code (line 36)

    Code:
        .page_header_terms_cart_login_container    {
            float: right;
            text-align: right;
            }
    And change it to
    Code:
        .page_header_terms_cart_login_container    {
            float: right;
            text-align: right;
            <actinic:block php="true" selectable="false">
                if (<actinic:variable name="CompanyLogoHeight" /> >= 62){
                    $temp = <actinic:variable name="CompanyLogoHeight" /> - 62;
                    echo 'margin-top: ',$temp,'px;';
                }
            </actinic:block>
            }
    You should be able to place a larger image (no more than 460px wide) for you logo without breaking your site.

    Paul
    "If my answers frighten you then you should cease asking scary questions"

    Comment

    Working...
    X