-
Oh dear,
i just cleared the T3 cache and now the new color is appearing on all sites! Silly me.
Now I have a new problem and it “only” occurs in Safari. I tested it in IE, Firefox and Chrome and it looks good, but Safari won’t display it properly:
If I click on “Getting started -> Slideshow2” the layout messes up and the Image-Frame is appearing on the left side over the little buttons. I am using template with: specified 980px as I can set it up in the template details. But no matter if i choose auto, wide or narrow, the picture frame is still messed up:
If i go to joomlart.com and have a look at the demo page of ja_norite under safari, surprise surprise, everything is ok.
Could someone give me a hint to this please?Thanks in advance,
RalphHey Tom,
thanks for your fast replies! Well, you’re right, I am not that type pf person who just gives up after a few tries.
I am confident, that I will get this template to work like I want it to work.I recently finished a Website for a client with the JA_Droid Template (http://www.wirtshaus-buchholz.de), but it is on Joomal 1.5.24
Now This is Joomla 2.5 and in my opinion the backend has changed very much. The Files/Folder Structure looks quite similar to previous versions tho. I have skipped the step, working with Joomla 1.6 / 1.7 so Joomla 2.5 is really new to me, but I am sure it will give me better opportunities to customize the website itself.Because I have been working with the template JA_Droid before and also did a lot of css customizing with it, I thought i will have a good start with JA_Norite. But it sort of seems to me , that it is more complicated to customize.
I think i start with the design for now and do al the gif-customizing i need to do. The problem with safari is not relevant at the moment, but it could come more relevant as the development proceeds. I am working with a Mac and Safari is the browser i like to work with, so this issue might become more important.
—->
While still customizing the template for my needs, I have found 2 “new” issues which keep on bugging me.Issue #1:
The Menu “Web Design” which is located under “Category -> Category List” is not fully colored as you can see in the screenshot below. On joomlart.com when previewing the live-template ja_norite there is the same problem. This time it ain’t a browser problem, I’ve tested it with all sort of browsers. I also haven’t found the gif/css code which changes the color for the menus. Any ideas on this one?Issue #2:
How to change the background-color of the menu at the module position “right-mass-top”? Navigate to “Blog Category -> Joomla” ad have a look at the right side of the website. There is a Menu called “Resources” and I want to change the light red background-color to the color that I am using for my site (#832020). I have had looked for it in the template.css / color.css / typo.css but i cannot find the right code. I also investigated with Firebug, and firebug tells me, that the code is located in /t3-assets/css_ea22e.css:I cannot believe that tis is the right css-file for the changes. This css looks more like a system-generated one. The line #53, where the color-code for the background-color is supposed to be, is like 100 or even more lines long in my editor. In my opinion, this file is not written by a human which a sense for structure. So the question still remains, where can i change the background-color?
Alright, bedtime now, can’t concentrate anymore anyway.
Thanks in advance for any reply!
Ralph
Alright,
here is all information i could find via Firebug:
-> the corresponding Code, when i click on the Menu via Firebug-Inspector is:
#ja-container ul.menu li a {
background-color: #993333;
background-image: url("../templates/ja_norite/themes/dark-red/images/bullet3.gif");
color: #FEFEFE;
}You see, the code for the color i want to change is
#99333
I can change it directly in Firebug and can see the effect on the Website itself:Thats what i want it to look like by default!
-> I can find the supposed css file via Firebug aswell, and it tells me that the file where the css is coming from, is:
/t3-assets/css_ea22e.css
on line 53.Ok, so i go to my Webserver and download the FIle to my Mac and have a look at it.
Surprisingly, line 53 itself consists of like 100lines css code. I think OK let’s look for “#99333” and change that to “#832020” but i cannot find the corresponding color-code in that css-file.You can download the css-file here, so you can have a look at it for yourself (haven’t found a way to attach other files to this post). You can also go to the website and use Firebug to Inspect the element. The Link for the page is: http://devel.gestaltete-urnen-saerge.de/blog-category/about-joomla/the-joomla-community
On the right side you will find Resources and if you inspect the elements below, firebug will tell you what you can see in my screenshots in my previous post.Thanks and regards,
Ralph———- *EDIT* ———-
Still can’t figure out where to set that color mentioned above. While i was thinking: OK lets go to the next adjustment and adjust the color of the bottom Section which consists of: “div#ja-footer.wrap and div#ja-botsl.wrap.
For those 2 parts i want to change the color from #1A1A1A to #2C4C59.For the first part div#ja-footer.wrap i went to my template.css and found the section:
/* FOOTER
--------------------------------------------------------- */
#ja-footer {
background: #1A1A1A;
color: #555;
padding: 20px 0;
}
I changed #1A1A1A to #2C4C59 and uploaded the modified template.css to my web server, pressed F5 and: Horray, the color has been changed!For the second part div#ja-botsl.wrap I did the same, I went to the section:
/* Bot spotlight ---*/
#ja-botsl { background: #1A1A1A url(../images/container-bg.gif) repeat-x left top ; color: #c5c5c5; }
and changed the color #1A1A1A to #2C4C59. Uploaded my template.css and pressed F5, NOTHING has changed! I am very confused about this. I cannot figure out how the system is working with the css-rules and where it is fetching them from.OK, for both Parts, Firebug tells me, that here is a css-rule which comes from a file located in: t3-assets/css_4cfac.css?v=2. But in this file, there is clearly nothing said about that color code regarding those 2 parts.
Hm, after just reviewing the css-rules for div#ja-botsl.wrap and also for div#ja-footer.wrap, I just recognized, that there are more than one css-rule applying. One of them already has the correct color-code in it, but it still tells me that all css-rules come from t3-assets/css_4cfac.css?v=2. I am very confused now because no matter what i try, it seems that all changes i do are just applying randomly 😉
I thing I go for some Logo-Design for now, it drives me nuts spending an endless amount of work time, only to find the correct place to modify a 6 digit color code.
Hopefully someone can point me into the right direction.
Thanks so far,
Ralph
Hey Tom,
thank you for your useful hint, that helped me a lot! Now i could find the correct lines of code for the template assignment. I have finished most of the adjustments, there are just a few things i couldn’t figure out.
#1:
I was able to change the color of the links in the footer, but i was not able to change the color of the little separators between the links.
It is really just a little thing, but it really annoys me a lot =). You can see in the screenshot what i mean (hopefully):#2:
When i navigate to: “Category -> Category List“, there is a menu under the submenu showing up which has a not fully filled background. You can see through the background at the top of the menu. Any ideas about how to change this? On the demo-site of ja_norite of joomlart.com is the same problem. Here is the screenshot:Thanks for your help so far, I really appreciate it.
Ralph
Stuck with color alignment
Viewing 13 posts - 1 through 13 (of 13 total)
