Joomla Templates Club 406,261 posts

[interbike_be Friend interbike_beJoin date: December 2013Posts: 5Downloads:0Uploads:0 Thanks: 3]

#517796

I’m having the same problem… I’ve tried the solution said above but apperently that doesn’t seem to help. I’ve been doing the programing in Chrome and their the logo is unreadable and in firefox is mega huge??

who can help?

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#517807

Make sure after you follow the steps given. You ftp and re-upload your saved (Backup) template.css file. Clear cache if you have it enabled.

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

#517843

And post your site’s URL here so that I can check it for you.

[interbike_be Friend interbike_beJoin date: December 2013Posts: 5Downloads:0Uploads:0 Thanks: 3]

#518148

My url: http://www.interbike.be i’m still working on it so it’s not a live site. I’ll pb you a password.

thanks for the help!

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

#518168

You can open file: /templates/ja_obelisk/css/themes/green/css/template.css.

At approx line 5411, you will see this CSS code:


.has-images a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
height: auto;
width: auto;
}


change width property to width: 100% !important;

[interbike_be Friend interbike_beJoin date: December 2013Posts: 5Downloads:0Uploads:0 Thanks: 3]

#520721

<em>@Saguaros 405563 wrote:</em><blockquote>You can open file: /templates/ja_obelisk/css/themes/green/css/template.css.

At approx line 5411, you will see this CSS code:


.has-images a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
height: auto;
width: auto;
}


change width property to width: 100% !important;</blockquote>

i’ve made the changes but the logo keeps being unreadably small in Chrome en and to big for one screen in Firefox / Explorer?

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

#521279

You can open thetemplatesja_obelisktplsblocksheader.php file, you will see the snippet of code:


<!-- LOGO -->
<div class="span2">
<div class="logo logo-<?php echo $logotype ?> <?php echo $logoimage?'has-images':'';?>">
<div class="brand">
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image' && $logoimage): ?>
<img class="logoimg" src="<?php echo JURI::base(true).'/'.$logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</div>
</div>
</div>
<!-- //LOGO -->


Then replace <div class=”span2″>

with <div class=”span12″>

[Radonja Djurisic Friend Radonja DjurisicJoin date: September 2014Posts: 316Downloads:180Uploads:113 Thanks: 66 Thanked: 72 times in 15 posts]

#523995

i have the same problem
logo too big

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

#524020

@tolja, can you post your site URL here so that I can have a closer look.

[Radonja Djurisic Friend Radonja DjurisicJoin date: September 2014Posts: 316Downloads:180Uploads:113 Thanks: 66 Thanked: 72 times in 15 posts]

#524176

hello saguaros

here is a link

http://www.prodiving.me

right now logo is with “PADI” as one image
i was thinking to split in 2 images like this

to create custom html and add PADI in Search position (i tried this but didn’t work)

and to display PADI on tablet and … hide PADI in mobile view

---

Attachments:

1. 
2. 

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

#524267

@tolja:

As I can see in your site now, it’s one image (logo with PADI text), if you want to use this one image only, you can try to add this CSS rule into file: /templates/ja_template_name/css/custom.css to make it looks better in mobile view:

@media (max-width: 768px) {
logo image a{
background-size: cover;
height: 27px;
width: 200px;
}
}


In case that you split this logo into 2 parts: one is logo, one belongs to a custom HTML module, you can try with Media jQueries which will help to set special CSS according to certain device screen resolution. Here are some tips:

http://css-tricks.com/css-media-queries/
http://webdesignerwall.com/tutorials/css3-media-queries
http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/

[richtrfc Friend richtrfcJoin date: July 2010Posts: 24Downloads:0Uploads:5 Thanks: 10 Thanked: 4 times in 1 posts]

#548275

Hi,

I’m having issues with my logo too. I have read this thread and tried the suggestions, but with no luck.

http://feelchristmassy.co.uk/

Any suggestions welcomed!

Also, is there a simple way I can make the snowy background work in the header too?

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

#548329

You can try with adding this css rule:


.logo-image a{
background-size: cover;
}


into /templates/ja_template_name/css/custom.css (create this file if it doesn’t exist)

[Author]

Posts