Public Forums 71,145 posts

[beormakate500 Friend beormakate500Join date: January 2014Posts: 8Downloads:0Uploads:0 Thanks: 2]

#194693

I have upgraded from Joomla 1.5 to 2.5 (and Purity to PurityII) and cannot work out how to change the header. I want to replace the rotating header with my own simple image file with background.

Can someone explain how/where this is done please?

Thanks!

Katie

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#522236

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#522331

Hi Katie,

You can see the rotating header in head.php file

Open templates/ja_purity_ii/blocks/head.php file

<style type="text/css">
#ja-header .main {
background-image: url(<?php echo T3Path::getUrl('/images/header/header'. rand(1,3).'.jpg'); ?>);
}
</style>

and change directly my red text to your simple image file

Regards

[beormakate500 Friend beormakate500Join date: January 2014Posts: 8Downloads:0Uploads:0 Thanks: 2]

#522338

Hi

Thanks for responding. I’m tarting up my site post-migration from Joomla 1.5 to 2.5 so it is currently at

http://www.montenegro4sail.com/jupgrade

any help with this would be great.

Thanks.

[beormakate500 Friend beormakate500Join date: January 2014Posts: 8Downloads:0Uploads:0 Thanks: 2]

#522396

Thank you very much – that is really useful and I have now changed the header image to my own and non-rotating. Thank you.

However, I would like to change the background colour and remove the header mask so that all you can see is my image. How do I do this?

Sorry for all the questions – this was so simple in 1.5 and now it seems very complicated unless you are a ful-time developer, which I am not (I am a sailor!).

Thanks for your help, much appreciated.

Katie

[beormakate500 Friend beormakate500Join date: January 2014Posts: 8Downloads:0Uploads:0 Thanks: 2]

#522398

And how can I change the background colour of modules/module positions?

See my original website written with JA Purity in J1.5 – http://www.montenegro4sail.com
compared to JA Purity II in J2.5 – http://www.montenegro4sail.com/jupgrade

My 1.5 website looks so much better!

Any advice is appreciated.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#522479

http://www.montenegro4sail.com/jupgrade is running with Bee Template, not JA Purity template.

I’m not quite sure what modifications you have done upon your upgrading, but you can follow this documentation here

Hope it helps

[beormakate500 Friend beormakate500Join date: January 2014Posts: 8Downloads:0Uploads:0 Thanks: 2]

#522529

Hi there, sorry to confuse matters. I was playing around with different templates last night then stopped work – I have now changed it back to PurityII.

So, I’m still looking to change the background colour of the header – I just want a simple header that looks much like my original website (ie. not black!).

I tried changing the template.css body background and colour (I used 7ba566 just as an example) – but it doesn’t make any difference – and it was a guess anyway.

body {
background: #7ba566
color: #7ba566
font-family: “Segoe UI”, Arial, Helvetica, sans-serif;
line-height: 1.5;
}

It is still black. Where am I going wrong?

Thanks!
<em>@Ninja Lead 411039 wrote:</em><blockquote>http://www.montenegro4sail.com/jupgrade is running with Bee Template, not JA Purity template.

I’m not quite sure what modifications you have done upon your upgrading, but you can follow this documentation here

Hope it helps</blockquote>

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#522636

if you wish to change background color of the header, you can open templates/ja_purity_ii/css/template.css file and change to your desired color:


#ja-header {
background: #333;
position: relative;
z-index: 10;
}


Once done, remember to clear cache from admin area.

[Author]

Posts