Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#522954

Hi Erick,

You can create a new CSS file named custom.css in this path: /templates/ja_magz/css

then add this css rule:

.top-header {
background-image:url('path/to/background/image/here');
}


1 user says Thank You to Saguaros for this useful post

1. 2capjob

[erickpaulino Friend erickpaulinoJoin date: May 2013Posts: 78Downloads:12Uploads:25 Thanks: 19 Thanked: 3 times in 1 posts]

#523006

Hi Saguaros,

Thank you very much! It worked perfectly!

[WS Friend WSJoin date: July 2010Posts: 56Downloads:24Uploads:11 Thanks: 2]

#976502

Hi,

I would like to add similar graphic, but keep the News Ticker line at the top of the page. Any clues?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#976910

You can update the URL and login info of your site so I will have a look.

[WS Friend WSJoin date: July 2010Posts: 56Downloads:24Uploads:11 Thanks: 2]

#977070

This reply has been marked as private.

[WS Friend WSJoin date: July 2010Posts: 56Downloads:24Uploads:11 Thanks: 2]

#977296

Hi Saguaros,
Could you suggest me any solution, please?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#977389

Hi Piotr,

I see no extplorer on your site, you can try this way:

• Create new position you want to use:

  <position>undertop-1</position>
  <position>undertop-2</position>

  into tag in ‘templateDetails.xml’ file

• Load these position into header block of template:
  Go to file: ROOT/templates/ja_magz/tpls/blocks/header.php
  Under the spotlight of top header, you can this snippet of code:

<div class="wrap">
<div class="container undertop">
<div class="row">
<?php if($this->countModules("undertop-1")) : ?>
<div class="span6 undertop-1 <?php $this->_c(‘undertop-1’) ?>">
<jdoc:include type="modules" name="undertop-1" style="raw" />

<?php endif;?>

<?php if($this->countModules("undertop-2")) : ?>
<div class="span6 undertop-2 <?php $this->_c(‘undertop-2’) ?>">
<jdoc:include type="modules" name="undertop-2" style="raw" />

<?php endif;?>

Like this: http://prntscr.com/cvnocq

Then assign modules to 2 new positions created above, they will show under top header and above main menu.

Of course, you will need to add more styles for these modules if you wish.

[WS Friend WSJoin date: July 2010Posts: 56Downloads:24Uploads:11 Thanks: 2]

#977498

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#977517

Kindly follow my above suggestion and apply into your site.

[WS Friend WSJoin date: July 2010Posts: 56Downloads:24Uploads:11 Thanks: 2]

#977886

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#977926

Kindly check my above code, there may be syntax error when you applied it.

You can provide URL, Admin and FTP account of your site via your reply and flag as PRIVATE reply.

[WS Friend WSJoin date: July 2010Posts: 56Downloads:24Uploads:11 Thanks: 2]

#978042

This reply has been marked as private.

[WS Friend WSJoin date: July 2010Posts: 56Downloads:24Uploads:11 Thanks: 2]

#978267

Hi,

I’ve added missing tags. But there is still error on line 45. The code is now:

<div class="wrap">
<div class="container undertop">
<div class="row">
<?php if($this->countModules("undertop-1")) : ?>
<div class="span6 undertop-1 <?php $this->_c(‘undertop-1’) ?>">
<jdoc:include type="modules" name="undertop-1" style="raw" />
</div>
<?php endif;?>

<?php if($this->countModules("undertop-2")) : ?>
<div class="span6 undertop-2 <?php $this->_c(‘undertop-2’) ?>">
<jdoc:include type="modules" name="undertop-2" style="raw" />
</div>
<?php endif;?>
</div>
</div>
</div>  

Where is an error?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#978331

It due to the wrong syntax in line 45. I updated it for you and it works now.

[WS Friend WSJoin date: July 2010Posts: 56Downloads:24Uploads:11 Thanks: 2]

#978694

Hi,
Indeed, after your updete, the site works now. Unfortunately, scrolling down causes strange efect.
It would be great to keep the logo visible, but scaled down after scrolling down the website (like in JA Magz II). Could you advise me how to get this effect, please?

Piotr

[Author]

Posts