Joomla Templates Club 406,261 posts

[galleryrx Friend galleryrxJoin date: January 2010Posts: 45Downloads:0Uploads:5 Thanked: 4 times in 1 posts]

#148073

I have added a background image to my Teline III template, found here at http://www.pan-america.org. If you type a word into the search box, like “prize” for example, you see it appear smack in the middle. If you type in something that leads to an error, like the letter “x” for example, you see it appear again. The css says no-repeat left. Is there something I should to here? Thanksx

[micrantha Friend micranthaJoin date: May 2007Posts: 465Downloads:0Uploads:6 Thanks: 6 Thanked: 158 times in 148 posts]

#330489

Hello,

You added this background image to div class=”main”.
But this is not unique, it is a class which is used a couple of times in one page.
Therefore you see it more than once.
Your selector must be more unique.

Good luck,
Micrantha

[galleryrx Friend galleryrxJoin date: January 2010Posts: 45Downloads:0Uploads:5 Thanked: 4 times in 1 posts]

#330495

Thanks Micratha. I see this now. I will have to add the background to something else. I’ll try to find out how to maybe create a new div for the header only and call it main-top or something like this. I’m just learning the ropes.

One thing that happened, though, was that when I allowed a banner to show up on all the pages, it ended up in the search results page and made the background image in the center go away. So, that’s another solution – as I don’t mind seeing the image at the top and bottom for now. Perhaps there may be problems down the line.

So, now i’m wondering. Can I create a banner that is linked to the Search Results page only? When I look at the options of where to locate it – I don’t see the Search Results page as being one.

thanks again.

[micrantha Friend micranthaJoin date: May 2007Posts: 465Downloads:0Uploads:6 Thanks: 6 Thanked: 158 times in 148 posts]

#330497

Look at these lines in page code:

<!-- HEADER -->
<div id="ja-header" class="wrap">

<div class="main">


So when you want the image to appear only once you can do it with this selector:
#ja-header .main{}

I don’t know how to publish somthing only on search result page.
Maybe you can find answer on forum of joomla.org

good luck,
Micrantha

[galleryrx Friend galleryrxJoin date: January 2010Posts: 45Downloads:0Uploads:5 Thanked: 4 times in 1 posts]

#330500

Thanks again. I will post the note. Where do you find the page code? I am working with the joomla control center and the template.css has similar info but nothing that looks like this <div… Where do you find the class id’s set.

[micrantha Friend micranthaJoin date: May 2007Posts: 465Downloads:0Uploads:6 Thanks: 6 Thanked: 158 times in 148 posts]

#330501

Hello,

HTML code was of generated page (source code).
It is coded in file layouts/blocks/header.php
But you only need CSS.

In file template.css you can find this line:

#ja-header .main { padding: 30px 0 10px;}
To this selector you can add css-rule for background-image you want.

Good luck,
Micrantha

[galleryrx Friend galleryrxJoin date: January 2010Posts: 45Downloads:0Uploads:5 Thanked: 4 times in 1 posts]

#330503

Miracles do happen Micrantha. I was able to find the spot in the template.css and changed it successfully. Wow. Maybe someday this will all seem obvious and simple to me. The one thing that still confuses me is where the html is located. When I use the Firefox tools to look at the html of the page i’m looking at, I see everything that pertains to that page. However, when I’m in the control panel, I seem to be doing most of my manipulations with the template.css document. I looked at the “edit html” option there, but it does not represent the same type of html of an actual page.

Sorry about my ignorance. I do a lot of my “learning” with the Firefox tool by moving this about and seeing the changes automatically on the website. Then I go crazy trying to find where the stuff I’m manipulating is located in the hundreds of foldes on my server’s control panel.

[micrantha Friend micranthaJoin date: May 2007Posts: 465Downloads:0Uploads:6 Thanks: 6 Thanked: 158 times in 148 posts]

#330555

Hello galleryrx,

Firefox developer tools are indeed very helpful.
As for this template: it is the first of a new system of template-organisation called T3 Framework. So you don’t find the complete page code any more in the index.php file, and you cannot modify other php-files in Joomla-backend. So you have to look in the files themselves.

For HTML you have to go to template/layouts/default.php (or other starting file depending on your template setup). In this file you see the blocks that are loaded in the page. These can be find in template/layouts/blocks/,,,,, , for exemple header.php, main.php etc.

Good luck,
Micrantha

[Author]

Posts