How to change img class for Header Logo

[Youx]

Hi everyone,

 

I would like to know how to create a new img responsive class for the header logo?

I would like to remove the header logo from "class:img responsive" to a new class like "class:img logo responsive".

 

Thx for your help.

 

Prestashop v1.6.0.9

[WSH90]

Hi everyone,

 

I would like to know how to create a new img responsive class for the header logo?

I would like to remove the header logo from "class:img responsive" to a new class like "class:img logo responsive".

 

Thx for your help.

 

Prestashop v1.6.0.9

Hi, Do you mind share with us the purpose of doing this?

Edited December 20, 2014 by WSH90 (see edit history)

[Youx]

For sure if someone can help me....if I ask, is because I don t know how to do it....

[dioniz]

Open yourdomain\themes\default-bootstrap\header.tpl and find this code:

<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>

Change it here

[Youx]

Thx for your answer, but my question was "how to create a new img responsive class".

If I change manually the class, the image is not displayed in responsive...

[WSH90]

Thx for your answer, but my question was "how to create a new img responsive class".

If I change manually the class, the image is not displayed in responsive...

That's why I asking you what's the purpose/reason of create a "new img respnsive class" where the default  bootstrap theme already have it. Why don't you use "img-responsive"

[Youx]

That's why I asking you what's the purpose/reason of create a "new img respnsive class" where the default  bootstrap theme already have it. Why don't you use "img-responsive"

 

Because the header logo and product image are in img responsive class with the same max width command and i would like 130% for the header logo and 100% for product image.

 

My question is not why i want to doing that.

 

My question is how to do it.

 

If someone know how to create a new  image responsive class.....

[Youx]

I found a solution without creating a new class. I just created an exception.

 

#category #header_logo .img-responsive {
    max-width: 130%; }
 

[WSH90]

Because the header logo and product image are in img responsive class with the same max width command and i would like 130% for the header logo and 100% for product image.

 

My question is not why i want to doing that.

 

My question is how to do it.

 

If someone know how to create a new  image responsive class.....

 

Hi, the reason I asked "WHAT IS THE PURPOSE DOING THIS" twice is to know whether any default bootstrap class can solve your problem without creating another new class. Hope you can understand.

 

It's good that you've found a solution.