Joomla Templates Club 406,261 posts

[arthurrs Friend arthurrsJoin date: August 2010Posts: 20Downloads:0Uploads:1 Thanks: 6]

#377197

Thanks Phill. I just wanted to get a better understanding of that page and the sections on it. That’s all. I have the 1.5 version docs and that is helpful, except for a few little nuances that are applicable to 1.6.

Again, thank you so much for helping me move forward with my project.

Arthur

[marco17 Friend marco17Join date: January 2009Posts: 229Downloads:17Uploads:36 Thanks: 26 Thanked: 3 times in 2 posts]

#377393

Hi,

some like this it happens to me. I can’t change the theme (colour) and i can’t change the logo. I replaced the logo.png in the images/light-teal but it showed the old logo, only in the default profile it shows the new logo.

Can you help me ?

Thanks.
Marco

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#377395

Please PM me an admin logon, ftp account and a link to your site. Please also include a link to this thread in your PM and I’ll take a look.

[janisur Friend janisurJoin date: February 2011Posts: 4Downloads:0Uploads:6]

#378920

hi

i had same problem..
it make it confusiong that tab..

gr.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#378927

Do you still have a problem or have you worked it out?

[janisur Friend janisurJoin date: February 2011Posts: 4Downloads:0Uploads:6]

#379313

<em>@phill luckhurst 224480 wrote:</em><blockquote>Do you still have a problem or have you worked it out?</blockquote>

worked out thx

[scarney Friend scarneyJoin date: August 2010Posts: 123Downloads:0Uploads:11 Thanks: 8 Thanked: 5 times in 1 posts]

#384302

I am also having the same problems. I know it is because I do not yet understand the workings of templates, themes and profiles.

I am using JA_Ores and have designed a new logo for it. The logo is a new size and I have edited the size on lines 1629 and 1630 of the templates.css file to increase the logo size. I was also able, I think to change the them colors. Basically I just wanted to use the light-green for starters. I would like to make some tweaks to the light green and wonder where I make those changes. Or, if I clone the light green profile can I then modify it.

I have selected light-green in page assignments. I believe I have successfully set light-green as default profile. But, I am not sure. I have added the checkbox for Light-Green under Theme Settings.

I have also changed logo.png to my new image in the following two places:
/public_html/templates/ja_ores/images
/public_html/templates/ja_ores/images/light-green

I can see the green theme but my image will not show. I appreciate somebody helping me to learn what I have done wrong!

I can tell that this template, profile, theme architecture is going to be awesome but sure am feeling stumped because there seems to be no good documentation besides the videos which I have watched and am watching again. Anybody that could point me to some good written documentation about how the templates, profiles and themes work will be a real hero.

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

#384512

Here is other solution
1) you open the file template.css file and find the following code

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
height: 43px;
width: 128px;
}

replace by:

h1.logo a {
background: url(../images/logo.png) no-repeat left!important;
display: block;
height: 43px;
width: 128px;
}

When done, you put your logo in the templates/ja_ores/images folder and this logo will display on all themes

[scarney Friend scarneyJoin date: August 2010Posts: 123Downloads:0Uploads:11 Thanks: 8 Thanked: 5 times in 1 posts]

#384628

<em>@tienhc 231793 wrote:</em><blockquote>

When done, you put your logo in the templates/ja_ores/images folder and this logo will display on all themes</blockquote>

Thank you so much for this solution. I might do this and am sure it will work well. But, it does not help me to understand at all why my logo was NOT showing up when I believe I was following the instructions on how to set a theme as default.

Also, it does not help me to understand why my new logo did automatically show up when I used my android phone to view the site. I do realize that I need to have a different logo for android phones because of the size. I created my logo to be much taller and wider for the theme I was trying to use.

So, do you think somebody could help me to learn how to make it so that I could specify a theme as default and then specify the logo that shows for that default theme and still not lose the ability to use other logos for other themes.

And, again… I am begging somebody to help me know where I can go to learn the relationship between Templates, Themes and Profiles. If I could understand the architecture then my guess is I would no longer need any help. 🙂 At least that would be my hope!

Thank you so much for your reply!

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

#384703

1) Template.css is used for the default theme. When your template is changed to other theme, the template will load 2 files:

one is template.css file and other is THEME-NAMEtheme.css file << this file is used for overriding some css codes inside the template.css to make new look and feel.

The Important attribute is used and put for css rules of template.css, it will not allow overriding by css code of theme.css file .So that, with my suggestion, your logo will use for all themes

2) To show other logo on the iphone and adroid, please add the following code into the template.css


.bd-iphone h1.logo a {
background:url(YOUR_LOGO_HERE) no-repeat scroll center top transparent!important
}


[scarney Friend scarneyJoin date: August 2010Posts: 123Downloads:0Uploads:11 Thanks: 8 Thanked: 5 times in 1 posts]

#385228

I am so glad to hear about the architecture and to realize that there are two files that load. That helps a lot. I just now got time to take a look and wanted to identify the two files. They do not appear to have exactly the same naming as you outlines so I want to confirm that these are the correct files.

Actually the template.css file is easy.
Here is the location of the template.css file:
/public_html/templates/ja_ores/css/template.css

I am not sure about the theme.css file you mentioned above but what looke the most like is the location of the file that best seems to match what you are describing:
/public_html/templates/ja_ores/core/themes/light-green/css/light-theme.css

I am pretty sure this is the correct paths and the files look good. I am mostly writing so anybody else with the same questiions will be able to solve it without asking for help. And, as a sanity check you can tell me if I am wrong.

The reason that I have questions is because I had also found some image files for the light-green theme and had changed the image there and yet did not see a change on the web site.

The image files that I found were located in
/public_html/templates/ja_ores/images/light-green

It seems to me that changing the logo.png file here did not do anything. That is why I now figure I need to change the image file in the following folders instead:
/public_html/templates/ja_ores/core/themes/light-green/images

Thank you very much for your help!

[scarney Friend scarneyJoin date: August 2010Posts: 123Downloads:0Uploads:11 Thanks: 8 Thanked: 5 times in 1 posts]

#385328

Hello Tien, the change you suggested for the android phone does not appear to be working. I have added the text below to my /public_html/templates/ja_ores/css/template.css file but it is not working. What I am seeing is the JA_Ores logo that I have not not renamed on the file system but which I am not pointing to in the template.css file. I have added your code in two ways:
<em>@tienhc 232061 wrote:</em><blockquote>


.bd-iphone h1.logo a {
background:url(YOUR_LOGO_HERE) no-repeat scroll center top transparent!important
}

</blockquote>


/* Handheld and iPhone Logo added by Sean ---*/
.bd-iphone h1.logo a {
background:url(/templates/ja_ores/images/logo192x43.png) no-repeat scroll center top transparent!important
}

I also tried it like this:


/* Handheld and iPhone Logo added by Sean ---*/
.bd-iphone h1.logo a {
background:url(../images/logo192x43.png) no-repeat scroll center top transparent!important
}

Neither one of those worked. My guess is that there is an iphone/handheld them that is overwriting this command even though I have put it into template.css.

I have purged the joomla and jatc caches and the expired cache.

I then found the file /public_html/templates/ja_ores/css/iphone/template.css and changed the following line from:


h1.logo a {
background: url(../../images/logo.png) no-repeat top;
height: 45px;
}

To:


h1.logo a {
background: url(../../images/logo192x43.png) no-repeat top;
height: 45px;
}

And, that DID Work. However, there is one small thing I would still like to do. I tried to increase the size of my logo from 128 wide by 43 tall to 192 wide by 43 tall. However, it appears to be being resized to 128 wide. My questions is where could I change the width? And, would increasing the width be a bad idea? Did you make the wide for the iphone/android 128 pixels wide as it is a common width for columns?

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

#385400

Yes, you find these code:

/* Handheld and iPhone Logo added by Sean —*/
.bd-iphone h1.logo a {
background:url(../images/logo192x43.png) no-repeat scroll center top transparent!important
}

replace by:

.bd-iphone h1.logo {
height: 34px;
width: 200px;
}
.bd-iphone h1.logo a {
background:url(../images/logo192x43.png) no-repeat scroll center top transparent!important;
height: 34px;
width: 200px;
}

you adjust value for the height and width for the logo of mobile and with the desktop ,

YOu find your code in the template.css file ( here is the code in the demo, if you provide me the link, i will provide exactly code )

h1.logo { height: 34px; width: 200px; }

h1.logo a {
background: url(../../images/t3_logo_light.png) no-repeat center;
display: block;
height: 34px;
width: 200px;
}

You adjust value for height and width of above rule

[scarney Friend scarneyJoin date: August 2010Posts: 123Downloads:0Uploads:11 Thanks: 8 Thanked: 5 times in 1 posts]

#385833

I will be very happy to give you a like or any access you need. I believe I created a ticket with my login and password for you to login as an administrator. I have three possible files to write in and am not sure which ones you mean. However, I did do some changes, as outlined in my comments above.

Anyhow, what I want to know is which of the template.css files you intend for me to write in each time!

I have identified these two possible ones:
/public_html/templates/ja_ores/template.css

/public_html/templates/ja_ores/css/iphone/template.css

Which code goes into which file?

Thank you so much for being willing to help.

The ticket I had opened on this is View Ticket: #EWF-169-27024

Please let me know if you need anything else from me to help with this. Sorry I am not better at this but you are helping me to learn!

Sean

[elmundo_news Friend elmundo_newsJoin date: November 2010Posts: 51Downloads:0Uploads:17 Thanks: 4 Thanked: 1 times in 1 posts]

#398329

hi,

Im using JA Teline iii v2 and Im trying to have the template the same as the demo where every section on the magazine menu has a differente color, but I have not been able to do it. I already applied the color to the pages on the “profile override settings” under “Global Tab”. Im probably missing a step cuz every time I save my changes, they are not saved, I cleaned cache for the template and for my browser and it does not seem to be working :((

Im attaching a picture with my actual settings.

Thanks for your help.

---

Attachments:

1. 

[Author]

Posts