Twist up & down the configuration theme on 1.6

[pascuald]

Hello ,

 

I am working on the configuration theme of 1.6 v

I don't need the slider at top and i just would like 6 pictures (like the bottom part of the module)

 

but if i take off the slider and put more pictures they don't stand side by side (3 for a line, like for the botton part of the module) but just one picture for a line.

   so…

 

Anyone with a solution ???

Is it possible to simply twist the top part of the module at the bottom and vice/versa for the bottom ??

Is it possible to modify the module as it is but with the pictures stays 3 for a line ??

 

Thanks for the help

 

Pascual

 

 

 

Edited March 21, 2014 by pascuald (see edit history)

[dioniz]

You need to open yourtheme/modules/themeconfigurator/css/hooks.css and change:

#htmlcontent_top {
    float: left;
    max-width: 391px;
    padding-left: 10px;
    width: 33.4%;
}

to this:

#htmlcontent_top {
    float: left;
}

and

#htmlcontent_top ul li {
    margin-bottom: 10px;
    width: 100%;
}

to this:

#htmlcontent_top ul li {
    margin-bottom: 10px;
}

Hope this helps

[pascuald]

Hello  and thank you for your help,

 

I can't find the module in module's file…  it seems that Theme's config (the name of this module) is probably in the main css for the default theme of 1.6  (boostrap).

It is the module that also let's you change the color and typeface  directly on the pages.

 

I really don't know where is the main css for the default theme.  Do you ??

 

Thank you again

Pascual

[pascuald]

Very sorry dioniz

 

i finally found the right file and i check now your answer.

I 'll tell you about the result

 

thanks

Pascual

[dioniz]

No problem, hope it works for you

[pascuald]

Hé  Hé  dioniz !!!

 

I don't know who you are ???

I don't know where you live ???

 

But you helped me a lot with you answer …  ah ah ah !!!    it works perfectly

 

Thank you so much

Pascual

[benedettopresta]

Could you help me out too,

 

I made something similar, but I only need to center one thing and I cannot manage, let me try to show you. 

 

 

this is what i made, and it works fine at almost all resolutions, but one. if i scale down the window at a certain point it will look like this.

 

 

now i managed to center the mix & match box with google inspect element by changing <div id="htmlcontent_top"> to <div id="htmlcontent_top" align="center">, and it works fine, but that is just temporary, now to make it definitely i figured out that it has to be changed either in the themeconfigurator.php or hooks.css, now i'm not a programmer, i don't know how to code, and the php file i have no idea of what to do with it, the css file i think it should be somewhere here: line 21 to 50, some where in here i should alling it center or something similar, but i don't know how.

 

/* Top hook CSS */

  #htmlcontent_top {

    float: right;

    width: 50%;

    max-width: 100%;

    padding-left: 5px;

}

  @media (max-width: 767px) {

    #htmlcontent_top {

      width: 100%;

      max-width: 100%;

      padding-left: 0;

      padding-top: 0px; } }

  @media (max-width: 767px) {

    #htmlcontent_top ul {

      margin: 0 -5px; } }

  #htmlcontent_top ul li {

    width: 100%;

    margin-bottom: 10px; }

    @media (max-width: 767px) {

      #htmlcontent_top ul li {

        float: left;

        padding-left: 5px;

        padding-right: 5px;

        width: 100%; } }

    #htmlcontent_top ul li:last-child {

      margin-bottom: 5; }

    #htmlcontent_top ul li img {

      max-width: 100%;

      height: auto; }

 

could you help? thanks