Opencart - Align text on specials/featured

[Justin]

Could some kind member point me in the right direction please? On my home page, http://www.printshetland.com/ The text does not centre to the images for special/featured items. Just wondered if someone could tell me exactly where the line is that changes this save me searching?

[daviddeer]

you could look here

[Skye]

Try the theme's stylesheet.css file.

Looks like it's set using padding attribute on ".box-product .name" and ".box-product .price". Set padding options to 0px and see if it fixes it..................

[WePrintForYou]

stylesheet.css

you have extra padding in

.box-product .name {
/* padding-left: 40px; */
/* padding-right: 5px; */

user chrome and inspect element to debug on the fly

[spongerobinson]

Exactly as WePrintForYou says

Change padding-left to 0px, and padding-right to 0px.

Also, to centre the price, change

.box-product .price {padding-left:58px;}

to padding-left:0px;

Should end up with the below.

vB_ID:3174

Screen Shot 2015-01-07 at 13.13.43.jpg (20.97 KiB) Viewed 1 time

[Justin]

Said if before, you guys are the best! Just what I needed, straight to the right section, changed, job done. Save me a fair bit of time, many thanks!

[WePrintForYou]

I'm not sure what theme you are using but most themes have a custom CSS option where you can input CSS code that soft codes it into your website instead of hard coding like this.

[Justin]

http://www.opencart.com/index.php?route ... stom%20css

Something like this?

[WePrintForYou]

This is a plugin, 3 of the themes I use for different sites have their own control panel with a section like this in.

It does not make any difference just easier for testing.

[Justin]

Aha, I understand, I'll look into that further, not something I've seen i don't think....other than VQMod etc. Many thanks