Adding border to [THUMBS]

[svsanchez]

Hello WB community, today I would like to add a border to the thumbs in Bakery. I guess I have to do this with css but how exactly and which page should I modify? I thought I would something related to thumbs in the modules/bakery/frontend.css file but that wasn't the case...

[jacobi22]

whats your bakery version?

[jacobi22]

bakery 1.70  // frontend.css  // line 85

Code: [Select]

.mod_bakery_item_thumb_f {
        border: 1px solid #ff0000;
}
additional possible (but you have to play the values)

Code: [Select]

img.mod_bakery_item_thumb_f{
        padding: 2px; /* for a space between border and image */
        height:70px;  /* for the same height for every thumb */
}

[svsanchez]

Hello Jacobi, I'm using Bakery V.1.6 but I found the line you posted. Unfortunately when I add the code you sent nothing happens!

[jacobi22]

work with the same method in Vers 1.6, but is in line 125

Code: [Select]

.mod_bakery_item_thumb_f {
        border: 2px solid #ff0000;
}
maybe you have another css-definition for the whole page like my example here

Code: [Select]

.art-article img, img.art-article {
    border: 0;
    margin: 0;
}
do youhave a link to the page?

[svsanchez]

Hello Jacobi, this is strange, in my bakery the .mod_bakery_item_th umb_f line is in 85 as you said in your first reply. This is the link to the page:

http://detodoendanza.com/pages/catalogo/zapatos/puntas-de-ballet.php

Thanks for looking!

[jacobi22]

Hello Jacobi, this is strange, in my bakery the .mod_bakery_item_th umb_f line is in 85 as you said in your first reply.

maybe, i change something in the first lines


to the problem...
your page doesnt load the frontend.css Use this code in the head of the template-index.php

Code: [Select]

<?php
   if(function_exists('register_frontend_modfiles')) {
   register_frontend_modfiles('css');
   register_frontend_modfiles('js');
   }
   ?>
or put the the code from the bakery-frontend.css into your template css-file

[svsanchez]

Hello Jacobi22, thanks a lot for your suggestions. I tried both ways (adding the code to my template index, and adding the frontend.css code to the template css) but none worked

I currently have both changes made. What am I doing wrong?

[jacobi22]

it works, but the settings are "not correct"

your bakery frontend.css  //line 49

delete this in line 49 -> border: medium none;

.mod_bakery_main_th umb_f {
    border: medium none;
}

see next posting

[jacobi22]

wait a minute  mod_bakery_main_thumb_f is the main thumb in the oberview. if you need a border around this main thumbs, you have to change this line 49 (and not delete)

but i think, it looks better, if you dont use a border or use a grey border on this place (like #cecece)

[svsanchez]

Hello Jacobi, YOU SIR ARE THE MAN!

That did it thanks a lot!

[jacobi22]

i hear the same from my wife every day   

make another changing, i'm sure, you love it

bakery/frontend.css  at line 46

change the original code

Code: [Select]

.mod_bakery_main_td_f {
    text-align: center;
}
to

Code: [Select]

.mod_bakery_main_td_f {
    text-align: center;
    vertical-align: top;
}