How to style featured bar they way i want it

Hello.

I've designed my own "featured" bar with few products, which looks like this at the moment...

http://www.image-share.com/ijpg-3015-65.html

Could i get a step by step tutorial, how to design opencart feature product panel to look exactly like this one?

Any help will be appreciated!

It's all just regular StyleSheet.css Coding, usually placed in: Sections, and 'code-wise' also depending on the THEME, used.

So, you have two choices, EITHER to invest a few hours, and use trail and error.
You can't do anything wrong, really, at best, it looks like Sh..., but you always
can replace your test Stylesheet with a default- backup again, and start again.
OR get one, to do it for you. Paid, because it always takes time. And can be done,
BEST, directly at the Shop Server Site, working as ADMIN, doping it by File-Editor.

This, because the Designer does not usually have a Copy of your Theme, so it would be an
endless play, to get something done. But then, at least, choose a trustworthy Person,
and REMOVE every PAID MOD first, to make sure, just to make sure...

Two nice Sites, related to some CSS Style Things:
http://code.tutsplus.com/tutorials/css- ... -net-24655
http://css-tricks.com/images-on-a-subdomain/

BUT IT IS REALLY EASY, if you 'check' the technique... It's all about Boxes,
and their Content, in whatever form, Style, Color, Spaces leftrighttopbottom,
inside and outsite, placed so much pixel from left, or right, or top, and so on,
anything and everything can be placed, 'EXACTLY in' , or 'in relation to' , whatever...
One could even use it's own 'words' (according standards!), to NAME such (Custom) Sections.
As a few simple samples...
Good Luck
Ernie
hitline.info/shop/

IP_CAM wrote:It's all just regular StyleSheet.css Coding, usually placed in:

Code: Select all

<div class="box-product">
<div class="product-grid">
<div class="product-list">

Sections, and 'code-wise' also depending on the THEME, used.

So, you have two choices, EITHER to invest a few hours, and use trail and error.
You can't do anything wrong, really, at best, it looks like Sh..., but you always
can replace your test Stylesheet with a default- backup again, and start again.
OR get one, to do it for you. Paid, because it always takes time. And can be done,
BEST, directly at the Shop Server Site, working as ADMIN, doping it by File-Editor.

This, because the Designer does not usually have a Copy of your Theme, so it would be an
endless play, to get something done. But then, at least, choose a trustworthy Person,
and REMOVE every PAID MOD first, to make sure, just to make sure...

Two nice Sites, related to some CSS Style Things:
http://code.tutsplus.com/tutorials/css- ... -net-24655
http://css-tricks.com/images-on-a-subdomain/

BUT IT IS REALLY EASY, if you 'check' the technique... It's all about Boxes,
and their Content, in whatever form, Style, Color, Spaces leftrighttopbottom,
inside and outsite, placed so much pixel from left, or right, or top, and so on,
anything and everything can be placed, 'EXACTLY in' , or 'in relation to' , whatever...
One could even use it's own 'words' (according standards!), to NAME such (Custom) Sections.
As a few simple samples...
Good Luck
Ernie
hitline.info/shop/

thank you very much for your reply. hopefully i can get this done as soon as possible!

IP_CAM wrote:It's all just regular StyleSheet.css Coding, usually placed in:

Code: Select all

<div class="box-product">
<div class="product-grid">
<div class="product-list">

Sections, and 'code-wise' also depending on the THEME, used.

So, you have two choices, EITHER to invest a few hours, and use trail and error.
You can't do anything wrong, really, at best, it looks like Sh..., but you always
can replace your test Stylesheet with a default- backup again, and start again.
OR get one, to do it for you. Paid, because it always takes time. And can be done,
BEST, directly at the Shop Server Site, working as ADMIN, doping it by File-Editor.

This, because the Designer does not usually have a Copy of your Theme, so it would be an
endless play, to get something done. But then, at least, choose a trustworthy Person,
and REMOVE every PAID MOD first, to make sure, just to make sure...

Two nice Sites, related to some CSS Style Things:
http://code.tutsplus.com/tutorials/css- ... -net-24655
http://css-tricks.com/images-on-a-subdomain/

BUT IT IS REALLY EASY, if you 'check' the technique... It's all about Boxes,
and their Content, in whatever form, Style, Color, Spaces leftrighttopbottom,
inside and outsite, placed so much pixel from left, or right, or top, and so on,
anything and everything can be placed, 'EXACTLY in' , or 'in relation to' , whatever...
One could even use it's own 'words' (according standards!), to NAME such (Custom) Sections.
As a few simple samples...
Good Luck
Ernie
hitline.info/shop/

That actually wasn't that bad.

http://shrani.si/f/L/be/25F1mQDi/capture.jpg

Thanks for your help! Appreciate it!