Unit price and price on separate lines

[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.

[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

[proa24]

http://socalteams.com/shop

Thanks for your prompt reply, really appreciate it.

[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/

[proa24]

Can you take a look at my url again. What do you think?
Thanks Larry

[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

[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

[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

[proa24]

Hi Christine,
Would appreciate your thoughts on how it looks now. Very thankful for your help, I learned alot today.
Thanks
Larry

[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