Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • sranantube Friend
    #169651

    Hi peepz..

    I want to put the logo in the centre of the page. Has anyone an idea how to do that?

    Manos Moderator
    #419179

    Hi,

    you can try to find this code:


    h1.logo a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/logo.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    height: 60px;
    width: 295px;
    }

    and change it to :


    h1.logo a {

    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/logo.png");
    background-origin: padding-box;
    background-position: 330px 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    height: 60px;
    width: 550px;

    }

    You will find that code in template.css around line 795

    sranantube Friend
    #419256

    Hi Pascm,

    I just see these codes:

    #ja-header {
    height: 100px;
    z-index:999;
    }

    #ja-header .main {
    height: 100px;
    position: relative;
    }

    h1.logo, h1.logo-text {
    font-size: 300%;
    left: 0;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    }

    h1.logo a {
    background: url(../images/logo.png) no-repeat;
    display: block;
    height: 60px;
    width: 295px;
    }

    h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
    }

    * html h1.logo a:hover {
    background: none;
    cursor: pointer;
    }

    h1.logo a span {
    position: absolute;
    top: -1000px;
    }

    h1.logo-text a {
    color: #FFFFFF;
    text-decoration: none;
    }

    h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
    background: none;
    color: #FFFFFF;
    }

    span.site-slogan {
    color: #FFFFFF;
    display: block;
    }

    Manos Moderator
    #419307

    Ok, you can go to template.css at line 798 ( if you haven’t changed or added any other line and you will find this exact code:


    h1.logo a {
    background: url(../images/logo.png) no-repeat;
    display: block;
    height: 60px;
    width: 295px;
    }

    and you change it to :


    h1.logo a {
    background: url(../images/logo.png) no-repeat;
    background-position: 350px;
    display: block;
    height: 60px;
    width: 550px;
    }

    P.S. as long as you keep the logo dimensions the same.

    sranantube Friend
    #419744

    I’ve tried it, but it doesn’t work.

    Manos Moderator
    #419865

    Hi

    Can you please show me your web site so i can take a closer look ?

    Regards

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 2 voices, and was last updated by  Manos 12 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum