Public Forums 71,145 posts

[webdbapps Friend webdbappsJoin date: September 2011Posts: 19Downloads:0Uploads:2 Thanks: 4]

#169338

Hi,

I’m using Purity II on an upgraded site now running 1.7. Before I publish the upgraded site, I need to understand how to modify the images in the banner. First, I have a custom jpg that is to replace the template’s background image. Also, I want to remove the Joomla logo from the left side of the banner. What must be done to make these changes? Note that I’ve copied the site images to my jupgrade/templates/purity_ii/images directory. Just need to know what to do next:)

Thanks!

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417089

Hi,

To remove logo, you open css/template.css file and find this code:


h1.logo a {
background: url("/jupgrade/templates/ja_purity_ii/images/logo.png") no-repeat scroll 0 0 transparent;
display: block;
height: 80px;
position: relative;
width: 208px;
z-index: 100;
}

Then remove background line.

To change banner, you find this code:

#ja-header .main {
background-image: url("/jupgrade/templates/ja_purity_ii//images/header/header3.jpg");
}

Thanks
Viet Vu

[webdbapps Friend webdbappsJoin date: September 2011Posts: 19Downloads:0Uploads:2 Thanks: 4]

#417096

I found the h1.logo a section of the CSS file. However, I don’t have a #ja-header.main. Instead, I have a class #ja-headerwrap and .ja-headermask. Which of these should I edit?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417174

I’m not sure much, you now should go to your template manager, enable Development mode and turn off CSS Optimization mode then I will let you know more exactly
Thanks
Viet Vu

[webdbapps Friend webdbappsJoin date: September 2011Posts: 19Downloads:0Uploads:2 Thanks: 4]

#417186

Those settings have now been changed. Next steps?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417189

Thanks, you was right, my debug tool doesn’t show which file to edit either. This case you open template.css file and add this code to bottom

#ja-header .main {
background-image: url("/jupgrade/templates/ja_purity_ii//images/header/header1.jpg") !important;
}

if you want to change background, just change the image path, otherwise if you want to remove the banner, you add this code instead

#ja-header .main {
background-image: none !important;
}

Viet Vu

[webdbapps Friend webdbappsJoin date: September 2011Posts: 19Downloads:0Uploads:2 Thanks: 4]

#417193

I added the #ja-header .main class to the template.css file in the header section. However, this didn’t seem to make a difference even though I copied the jpg used in the current site over to that directory. Is there something else I need to do to make this change take effect?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417208

Hi,
I see that you have changed it, right?
Thanks
Viet Vu

[webdbapps Friend webdbappsJoin date: September 2011Posts: 19Downloads:0Uploads:2 Thanks: 4]

#417210

Yes, I changed the css file. However, that is not the logo I placed in the header folder.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417213

I’m getting confused and don’t understand you now. Can you please specify the issue you are seeing now? let me know what’s logo and banner you want to show then I will help quickly!
Thanks
Viet Vu

1 user says Thank You to jooservices for this useful post

1. webdbapps

[webdbapps Friend webdbappsJoin date: September 2011Posts: 19Downloads:0Uploads:2 Thanks: 4]

#417215

Sorry to confuse. The logo issue is resolved – you provided me with the line to remove so that the Joomla logo is no longer visible. The banner image is not resolved. After adding the CSS class you indicated, a different image appears. The one I want is header.jpg in as seen here: background-image: url(“/jupgrade/templates/ja_purity_ii//images/header/header.jpg”) !important;

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417236

You might to have problem with browser cache, I checked and saw the new banner now

---

Attachments:

1. 

[webdbapps Friend webdbappsJoin date: September 2011Posts: 19Downloads:0Uploads:2 Thanks: 4]

#417634

Browser cache indeed.

Is there a user guide / PDF for Purity II? As you can tell, I need to work on the menu and layout further.

Thanks,

Sid

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417642

Hi
At the moment i don’t see we have user guide for Purity . I’ll try to work w/ dev team at next week to ask about this.
Thank you
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#417849

You also can find more user guides and tips here http://www.joomlart.com/forums/forumdisplay.php?10170-JA-Purity-II-Guides-Tutorials-Tips
Thanks
Viet Vu

[Author]

Posts