Joomla Templates Club 406,261 posts

[john078 Friend john078Join date: May 2013Posts: 18Downloads:0Uploads:0 Thanks: 3]

#192372

I ‘ve tried to remove the mero logo… dont want to show a logo at that spot and removing the used space for that… changes I’ve made… nothing changes

.logo-image a {
background-image: url(“../images/logo.png”);
background-repeat: no-repeat;
width: 200px;
height: 1px;
}

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#512686

Hi

add a

display:none;

[john078 Friend john078Join date: May 2013Posts: 18Downloads:0Uploads:0 Thanks: 3]

#512689

You mean like this

.logo-image a {
background-image: url(“../images/logo.png”);
background-repeat: no-repeat;
width: 200px;
height: 1px;
display:none;
}

Thats not working…. but what i want is to remove the used space. Tried that by changing the hight to 1 px… doesnt work either
in css/template.css

John

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#512691

You are right

try to change in this way

.logo-image a {
background-image: url("../images/logo.png");
background-repeat: no-repeat;
width: 200px;
height: 1px;
display:none!important;
}

[john078 Friend john078Join date: May 2013Posts: 18Downloads:0Uploads:0 Thanks: 3]

#512695

That removed the image… but the space is still used
I want to remove the unused black space form where the logo was

For that I changed the hight of the logo to 1 px… i thought that would do the trick

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#512698

When you remove the image it is remove the space also

/templates/ja_mero/css/template.css around line 2641

.logo h1,
.logo h1 a {
display: inline-block; <<- change to display:none;
line-height: 1;
margin: 0;
}

also post a link to your page so we can check better

[john078 Friend john078Join date: May 2013Posts: 18Downloads:0Uploads:0 Thanks: 3]

#513149

didn’t remove the used space

Hi Pavit

I looked at it with the Firefox inspector
if i remove the header id and the <h1> it removes the used space…

But where can i do that in de css.. tried this but nothing changed…

<!–

HEADER

–>
<header id=”ja-header” class=”wrap ja-header navbar-collapse-fixed-top”>

<div class=”container”>
<div class=”row”>
<!–

LOGO

–>
<div class=”span8″>
<div class=”logo logo-image”>
<h1>
<a style=”background-image:url(/images/logo/zwart.gif);” title=”ferryharms.nl” href=”/”> … </a>
<small class=”site-slogan hidden-phone”></small>
</h1>
</div>
</div>
<!–

//LOGO

–>
</div>
</div>

</header>

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#513174

Could you please post a link to your page here ?

In this way will be better to check what is wrong

1 user says Thank You to pavit for this useful post

1. phong nam

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#513347

Hi john078,

In order to remove the used space of logo completely , you can remove or comment the logo position defined in the header block. You can backup and open templatesja_merotplsblocksheader.php file, find and remove lines:

<!-- LOGO -->
<div class="span8">
<div class="logo logo-<?php echo $logotype ?>">
<h1>
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</h1>
</div>
</div>
<!-- //LOGO -->

[Author]

Posts