1. JA Jason - Responsive Joomla template for portfolio [ Demo ] [ Download ] [ Info ]


    JM Aroma - Responsive Magento theme for online restaurants [ Demo ] [ Download ] [ Info ]

User Tag List

+ Reply to Thread
 
Results 1 to 8 of 8
  1. #1
    Licensed Member
    Join Date
    Apr 2006
    Posts
    27
    Points
    211.90
    Downloads
    9
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Solved Centre logo image and change background of header area

    hi,
    i am trying to centre the logo image and change background of header area to white (#ffffff).

    anyone know which part of the template css i need to amend. i have tried but i cannot get it to be centred on the page.

  2. #2
    Licensed Member Expired
    Joomla Developer Membership - 1 year ExpiredMagento Theme Club Member - Developer License Expired

    Join Date
    Mar 2007
    Posts
    12,567
    Points
    7,462.35
    Downloads
    128
    Uploads
    0
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    220
    Thanked 988 Times in 880 Posts
    Hi !
    1.you can control position of logo by way below :
    Open template.css file in templates/ja_purity/css folder , find following code section at about line 956 :
    Code:
    h1.logo a {
    background:transparent url(../images/logo.png) no-repeat scroll 0 0;
    display:block;
    height:80px;
    position:relative;
    width:208px;
    z-index:100;
    }
    change to :

    Code:
    h1.logo a {
    background:transparent url(../images/logo.png) no-repeat scroll 0 0;
    display:block;
    height:80px;
    position:relative;
    width:208px;
    z-index:100;
    left:500px;
    }
    About background color of header , you change it following some steps below :
    1.Open template.css file in templates/ja_purity/css folder , find following code section at about line 923 :
    Code:
    #ja-headerwrap {
    background:#333333 none repeat scroll 0 0;
    color:#CCCCCC;
    height:80px;
    line-height:normal;
    }

    change to :

    Code:
    #ja-headerwrap {
    background:#FFFFFF none repeat scroll 0 0;
    color:#CCCCCC;
    height:80px;
    line-height:normal;
    }
    2. find following code section at about line 935 :
    Code:
    .ja-headermask {
    background:transparent url(../images/header-mask.png) no-repeat scroll right top;
    display:block;
    height:80px;
    position:absolute;
    right:-1px;
    top:0;
    width:602px;
    }
    change to :

    Code:
    .ja-headermask {
    top;[/COLOR]
    display:block;
    height:80px;
    position:absolute;
    right:-1px;
    top:0;
    width:602px;
    }
    3. Open index.php file in templates/ja_purity folder, find following code section at about line 112 :
    Code:
    <div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">
    change to :

    Code:
    <div id="ja-header" class="clearfix">

  3. #3
    Licensed Member
    Join Date
    Apr 2006
    Posts
    27
    Points
    211.90
    Downloads
    9
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thankyou!! for the help

    Code:
    h1.logo a {
    background:transparent url(../images/logo.png) no-repeat scroll 0 0;
    display:block;
    height:80px;
    position:relative;
    width:208px;
    z-index:100;
    left:500px;
    }
    is there a way to make the image be the centre of a users screen rather than the fixed dimension in from the left?

  4. #4
    Licensed Member Expired
    Joomla Developer Membership - 1 year ExpiredMagento Theme Club Member - Developer License Expired

    Join Date
    Mar 2007
    Posts
    12,567
    Points
    7,462.35
    Downloads
    128
    Uploads
    0
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    220
    Thanked 988 Times in 880 Posts
    Hi !
    You can do it following way below :
    open index.php file in templates/ja_purity folder , find following code section at about line 119 :
    Code:
    <h1 class="logo">
    			<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
    </h1>
    change to :

    Code:
    <center>
    <h1 class="logo">
    			<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
    </h1>
    </center>

  5. #5
    Licensed Member
    Join Date
    Apr 2006
    Posts
    27
    Points
    211.90
    Downloads
    9
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Solved

    thankyou.

    works perfectly

  6. #6
    Unlicensed Member
    Join Date
    Mar 2009
    Posts
    2
    Points
    23.50
    Downloads
    0
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by hainn84 View Post
    Hi !
    You can do it following way below :
    open index.php file in templates/ja_purity folder , find following code section at about line 119 :

    change to :

    Code:
    <center>
    <h1 class="logo">
    			<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
    </h1>
    </center>
    I change as suggested for my website but It does't work (using wide screen/16").
    Can you check here : www.coin4education.com
    I have changed the width of logo become 920 px

    Appreciate for your advise...

  7. #7

    JoomlaTemplate Club Member - Personal License - 1 Year ExpiredJoomla Extensions Club - 1 Year Expired

    Join Date
    Jan 2011
    Posts
    31
    Points
    82.53
    Downloads
    421
    Uploads
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hello,

    I am having the same problem. I need to change the header color (purple) to an image background; I've tried using the ja-purity instructions, but it did not work. here is my website; www.adtechwomen.com Any clues

  8. #8
    JA Developer
    Ninja Lead's Avatar
    Join Date
    Sep 2010
    Posts
    10,123
    Points
    19,193.68
    Downloads
    754
    Uploads
    0
    Mentioned
    149 Post(s)
    Tagged
    0 Thread(s)
    Thanks
    220
    Thanked 2,178 Times in 1,985 Posts
    I could not access your site because you have need username/password access. But if you want to change header color to image background

    Open templates/ja_purity_ii/css/template.css
    From
    #ja-header { background: #333 position: relative; z-index: 10; }
    Change to
    #ja-header {
    background: url(../images/header3.jpg);
    position: relative; z-index: 10;
    }
    If you have still error please send PM me the details access your site. I will check directly on your site
    JoomlArt Development Team

    Please click "THANKS" button when get right answer.



+ Reply to Thread

Tags for this Thread

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

Stop working on Weekend!X

If your Boss broke your Joomla template or extension and ask you to fix it today. Here is the immediate solution. Then leave your request on the right forum, we will be helping after the Weekend Happy hours
Our Happy Hours: Friday 18:00 - Monday 9:00

No working during happy hours. Keep calm and don't break anything.

-->

Your vote matters!X

Vote for Best Support Guy