Page 1 of 3
Unit price and price on separate lines
Posted: 29 Oct 2016, 17:23
by proa24
After integration with simple caddy having pasted CSS in template unit price and price are on different lines. Not as image example. Can you let me know how to correct and have on same line.
Re: Unit price and price on separate lines
Posted: 29 Oct 2016, 18:59
by christine
Hi,
https://www.phoca.cz/documents/2-phoca-g ... ntegration
maybe it belongs to your template. More infos could be given, if you show us your URL.
Kind regards, Christine
Re: Unit price and price on separate lines
Posted: 29 Oct 2016, 20:23
by proa24
http://socalteams.com/shop
Thanks for your prompt reply, really appreciate it.
Re: Unit price and price on separate lines
Posted: 29 Oct 2016, 23:30
by christine
Hi proa24,
your image and category box are too small. The phoca_thumb_m is only 100x100.
You can increase / change parameters:
https://www.phoca.cz/documents/2-phoca-g ... e-joomla-3
see under: Thumbnails > Small, Medium, Large.
Before amendments, you hv to delete the phoca_thumb_m via FTP.
After this you have to re-create the thumbails!
About the box, you could try e.g. (at the end of your template.css or custom.css):
.pg-cv-box {
width: 170px !important;
height: 220px !important;
}
Kind regards, Christine
in addition: you should make a template copy, as standard templates will be set back to origin after Joomla Core updates.
https://www.ostraining.com/blog/joomla/ ... -template/
Re: Unit price and price on separate lines
Posted: 30 Oct 2016, 21:55
by proa24
Can you take a look at my url again. What do you think?
Thanks Larry
Re: Unit price and price on separate lines
Posted: 30 Oct 2016, 23:37
by christine
Hi Larry,
.pg-cv-box{
width: 170px !important;
height: 220px ; !important;
}
remove this: ;
Sorry, I copied this erroneously - because I tried without !important; before.
Kind regards, Christine
Re: Unit price and price on separate lines
Posted: 31 Oct 2016, 00:22
by proa24
Hi Christine,
Thanks, already corrected. Now just trying to find right size for medium picture to fit in box. Cant quite figure it out yet. Hope you are having a great day.
Larry
Re: Unit price and price on separate lines
Posted: 31 Oct 2016, 00:55
by christine
Hi Larry,
either you find out the right size
for medium thumb, e.g. 160px (width) - then to change previous code accordingly (if needed), or you add to CSS:
Code: Select all
#phocagallery a img {
padding-left:15px;
}
Kind regards, Christine
Re: Unit price and price on separate lines
Posted: 31 Oct 2016, 02:49
by proa24
Hi Christine,
Would appreciate your thoughts on how it looks now. Very thankful for your help, I learned alot today.
Thanks
Larry
Re: Unit price and price on separate lines
Posted: 31 Oct 2016, 11:34
by christine
Hi Larry,
ah, you have changed the width of thumb_m.
That means, that you could "uncomment out" the added codes in template.css. (if wanted). Remember, the changes of cv-box were done, as the thumb image was too small.
"Uncomment out":
/*.pg-cv-box {
width: 170px !important;
height: 255px !important;
}
#phocagallery a img {
padding-left:3px;
}
*/
if you want to change some parameters again, just delete the /* {xxxxxx} */
Kind regards, Christine