Settings banner

[Lorellas]

Hello guys, I have a little problem, I have tried to insert a banner to 1170x200 in the Hook "Home" by setting the corresponding measures, but the banner remains small as screeshot Annex time I went: yourdomain / modules / themeconfigurator / css / hooks.css row 10 and I set 100% to 1170% and the banner in this way has adjusted to the right size, but it certainly is not the correct way to do this, how can I properly set this setting? 

 

  # htmlcontent_home ul li img {

       max-width: 100%; 

       height: auto; } 

       @ media (max-width: 1170px) {

         # htmlcontent_home ul li img {

           min-width: 100%; [spam-filter]

 

Thank you so much for those I can to help me

[vekia]

can you share url to your shop, please?

in cases like that it's necessary to inspect code

[Lorellas]

Thank you very much for your help.

 

http://www.vivilanatura.it/storevivilanatura/

[Lorellas]

Hello vekia, see my shop with the 'address I gave you? 

 

Thank you very much for your help.

[vekia]

you've got there class

htmlcontent-item-1 col-xs-4

this class uses width: 33%

 

you need to remove col-xs-4 class from this code or replace it with col-xs-12

[Lorellas]

I think you are referring to the file: themes / strap-theme / css / global.css 

is that correct ?

[Lorellas]

Done I deleted the class con-xs-4 and I replaced as with the 12 in this way, is that correct?? 

 

. col-xs-1 {

   width: 8.33333%; } 

 

. col-xs-2 {

   width: 16.66667%; } 

 

. col-xs-3 {

   width: 25%; } 

 

. {col-xs-12 

   width: 100%; } 

 

. {col-xs-5 

   width: 41.66667%; } 

 

. {col-xs-6 

   width: 50%; } 

 

. {col-xs-7 

   width: 58.33333%; } 

 

. {col-xs-8 

   width: 66.66667%; } 

 

. {col-xs-9 

   width: 75%; } 

 

. {col-xs-10 

   width: 83.33333%; } 

 

. {col-xs-11 

   width: 91.66667%; }

[Lorellas]

I noticed that at the top: 

. col-xs-1, 

. col-xs-2, 

. col-xs-3, 

. col-xs-4, 

. col-xs-5, 

. col-xs-6, 

. col-xs-7 

. col-xs-8, 

. col-xs-9, 

. col-xs-10, 

. {col-xs-11 

   float: left; } 

 

there is no more. col-xs-12, 

I have something wrong? 

 

thank you very much

[vekia]

no, you don't have to deal with css styles.

how you created this banner? how you added it to your website?

[Lorellas]

Vekia Hello, I have uploaded the image from the BO with the measurements of 1170x200 setting and related measures, then I went to: 

yourdomain / modules / themeconfigurator / css / hooks.css 

and I configured the following code: 

 

  # htmlcontent_home li.htmlcontent ul-item-5 {

       width: 66.6667%; } 

       @ media (max-width: 479px) {

         # htmlcontent_home li.htmlcontent ul-item-5 {

           width: 100%; [spam-filter] 

I then edited the file that you told me, I missed something?

Thank you very much

[vekia]

 

 

Vekia Hello, I have uploaded the image from the BO with the measurements of 1170x200 

where you added it? what feature you used to create this image

this is what im asking for

[Lorellas]

Hi! vekia, I did before the change to the file item in question, then I configured the relevant file. sotituendolo with the-xs-4 with 12, as I have advised you, everything here. It seems to me that it works properly, although I think the code of con-xs I see a little messy, I'm not a connoisseur. 

Thank you so much, you're great

[dioniz]

There is a problem with your banner on mobile and tablet. It doesn't shrink.

[Lorellas]

From what is causing this problem? 

How can you solve it? 

 

Thank you so much for the help possible

[dioniz]

You need to open file yourdomain/modules/themeconfigurator/views/templates/hook/hook.tpl and change this code:

<li class="htmlcontent-item-{$smarty.foreach.items.iteration|escape:'htmlall':'UTF-8'} col-xs-4">

to this:

<li class="htmlcontent-item-{$smarty.foreach.items.iteration|escape:'htmlall':'UTF-8'} col-xs-12">

But remember this will work as long as you use only one banner as you do now.