-
AuthorPosts
-
chavan Friend
chavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
kamnaderi Friendkamnaderi
- Join date:
- April 2011
- Posts:
- 58
- Downloads:
- 113
- Uploads:
- 6
- Thanks:
- 19
- Thanked:
- 2 times in 2 posts
August 26, 2014 at 8:40 am #547273Hi,
Thanks for your help. The themes were already changed to “text”, however you clue gave me an idea to change the current style from default to “ja biz-home”. Then I changed the logo to text and worked.
Many thanks for your help. 🙂
Kam
edd Friendedd
- Join date:
- May 2006
- Posts:
- 350
- Downloads:
- 11
- Uploads:
- 73
- Thanks:
- 76
- Thanked:
- 8 times in 2 posts
September 5, 2014 at 7:17 pm #548516<em>@Chavan 423308 wrote:</em><blockquote>Yes Tom, you were correct, but thought that would help.
I will give another try on this, check If i could suggest it right.
Add this code to /templates/ja_biz/css/custom.css
@media screen and (max-width: 660px) {
.t3-mainnav{
height:110px;
background:#FFF;
}
.logo-image .logo-img {
max-height: 80px;
}
}
</blockquote>Hi there,
I’m trying to change logo size.
Actually I have installed a new fresh JA biz template using Joomla 3.3.3
The template is working fine, but I think that logo is very small, in fact my client has a nice logo and we would like to use a good size for it.
So I woul like to install a logo with 100 or 150 px heigh, actually the logo I installed is 150px heigh and it looks too tiny…
(take a look to the screen I’m sending)I was reading this post and I cannot find the “custom.css” file.
Is beacause I use joomla 3?Please could you help me to figure out with this?
Thanks a lot
ED
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 5, 2014 at 7:19 pm #548517<em>@edd 444518 wrote:</em><blockquote>
I was reading this post and I cannot find the “custom.css” file.
Is beacause I use joomla 3?ED
</blockquote>
No, it’s because you need to create the custom.css file yourself.
Create the file within file path –> /templates/ja_biz/css/
(so the final file path will be: /templates/ja_biz/css/custom.css)Then you can place your custom CSS rules within the custom.css file and they will be protected from being overwritten at times of update/upgrade.
🙂
edd Friendedd
- Join date:
- May 2006
- Posts:
- 350
- Downloads:
- 11
- Uploads:
- 73
- Thanks:
- 76
- Thanked:
- 8 times in 2 posts
September 5, 2014 at 7:29 pm #548518Hi TomC,
Thanks for your reply.
Is this fix working right for what I need?:
@media screen and (max-width: 660px) {
.t3-mainnav{
height:110px;
background:#FFF;
}
.logo-image .logo-img {
max-height: 80px;
}
}Thanks for your advice
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 5, 2014 at 7:36 pm #548520It may be … but I would need to see your actual site – and know specifically what you want – to know for sure.
edd Friendedd
- Join date:
- May 2006
- Posts:
- 350
- Downloads:
- 11
- Uploads:
- 73
- Thanks:
- 76
- Thanked:
- 8 times in 2 posts
September 5, 2014 at 7:49 pm #548525Hi there,
I woul like to install a logo with 100 or 150 px heigh, actually the logo I installed is 150px heigh and it looks too tiny…
(take a look to the screenshoot )I just have created the custom.css file and it is not working, tha logo is still the same size.
So, I was also reading that maybe it could affect the mobile version, I mean the logo could look too big for the mobile template version.
Thanks a lot
ED
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 5, 2014 at 7:53 pm #548526Okay, so that I can try to assist you best, please provide the url of the site you’re working on. 😎
edd Friendedd
- Join date:
- May 2006
- Posts:
- 350
- Downloads:
- 11
- Uploads:
- 73
- Thanks:
- 76
- Thanked:
- 8 times in 2 posts
September 5, 2014 at 7:59 pm #548527I sent you by PM
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 5, 2014 at 8:08 pm #548528<em>@edd 444530 wrote:</em><blockquote>I sent you by PM</blockquote>
Got It . . . .Add this code to: /templates/ja_biz/css/custom.css
@media screen and (max-width: 660px) {
.t3-mainnav{
height:150px;
}.logo-image .logo-img {
height: 150px;
}
}edd Friendedd
- Join date:
- May 2006
- Posts:
- 350
- Downloads:
- 11
- Uploads:
- 73
- Thanks:
- 76
- Thanked:
- 8 times in 2 posts
September 5, 2014 at 8:17 pm #548529Sorry, it is not working 🙁
edd Friendedd
- Join date:
- May 2006
- Posts:
- 350
- Downloads:
- 11
- Uploads:
- 73
- Thanks:
- 76
- Thanked:
- 8 times in 2 posts
September 5, 2014 at 8:20 pm #548531Well, I added a line to the code you gave me, but now the logo is too big…
On mobile version it is just perfect, this is the code I’m using, take a look to the link::@media screen and (max-width: 660px) {
.t3-mainnav{
height:180px;
background:#FFF;
}
.logo-image .logo-img {
max-height: 150px;
}
}.logo-image .logo-img{
max-height:150px !important;
}TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 5, 2014 at 8:22 pm #548532You only need the following:
@media screen and (max-width: 660px) {
.t3-mainnav{
height:120px;
}.logo-image .logo-img {
height: 150px;
}
}edd Friendedd
- Join date:
- May 2006
- Posts:
- 350
- Downloads:
- 11
- Uploads:
- 73
- Thanks:
- 76
- Thanked:
- 8 times in 2 posts
September 5, 2014 at 8:25 pm #548533But this code is not working at all…
:((TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
September 5, 2014 at 8:31 pm #548534<em>@edd 444536 wrote:</em><blockquote>But this code is not working at all…
:((</blockquote>Try adding the following to your custom.css file as well:
.navbar-header {
height: 115px;
}AuthorPostsThis topic contains 36 replies, has 6 voices, and was last updated by TomC 10 years, 2 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum