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...
whats your bakery version?
bakery 1.70 // frontend.css // line 85
.mod_bakery_item_thumb_f {
border: 1px solid #ff0000;
}
additional possible (but you have to play the values)
img.mod_bakery_item_thumb_f{
padding: 2px; /* for a space between border and image */
height:70px; /* for the same height for every thumb */
}
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!
work with the same method in Vers 1.6, but is in line 125
.mod_bakery_item_thumb_f {
border: 2px solid #ff0000;
}
maybe you have another css-definition for the whole page like my example here
.art-article img, img.art-article {
border: 0;
margin: 0;
}
do youhave a link to the page?
Hello Jacobi, this is strange, in my bakery the .mod_bakery_item_thumb_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!
Quote from: svsanchez on July 08, 2014, 12:42:02 AM
Hello Jacobi, this is strange, in my bakery the .mod_bakery_item_thumb_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
<?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
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?
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_thumb_f {
border: medium none;
}
see next posting
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)
Hello Jacobi, YOU SIR ARE THE MAN!
That did it thanks a lot!
i hear the same from my wife every day :oops: :wink:
make another changing, i'm sure, you love it
bakery/frontend.css at line 46
change the original code
.mod_bakery_main_td_f {
text-align: center;
}
to
.mod_bakery_main_td_f {
text-align: center;
vertical-align: top;
}