CSS to product description

[www.exclusivepen.eu]

Hi all.

Does anyone know if it is possible to add my own CSS to product description?
If so, HOW ?

Thanx a lot.

[MrBaseball34]

Can you explain further what you need?

[www.exclusivepen.eu]

I need to add css style to html code which I added in product description.

this is what I need to add for ex.

<style type="text/css">
body{
font-family: "Times New Roman";
font-size: 12px;
color: #646464;
line-height: 18px;
padding: 5;
text-align: left;
}
</style>

[razaro]

You can just add to global.css

body#product { 
font-family: “Times New Roman”; font-size: 12px; color: #646464; line-height: 18px; padding: 5; text-align: left;
}

[www.exclusivepen.eu]

Thanx for fast reply. It works fine but it changed whole site. I need this style just for
product description in product detail page. What do I need to do?

[MrBaseball34]

Change the CSS for this selector:

p.product_desc

around line 1131 in global.css

[razaro]

Sorry was little to fast.
If I understood correctly you want to change styles or add new
of TinyMCE (back office editor used for product description)
If that is the case see this post

Change the CSS for this selector:

p.product_desc

around line 1131 in global.css

That is correct but only for product list pages and he wants product detail page.

[MrBaseball34]

That is correct but only for product list pages and he wants product detail page.

And you surmised this HOW? He did not clarify where he wanted the change.

[www.exclusivepen.eu]

I need to add this style

    font-family: "Times New Roman";
   font-size: 12px;
   color: #646464;
   line-height: 18px;
   padding: 5;
   text-align: left;

which line of this I need to replace ??

#center_column div.products_block a.product_description {
   display: block;
   width: 118px;
   height: 50px;
   margin-left: 2px;
}

#center_column div.products_block a.product_image img {
   float: none;
   margin: 0
}
#center_column div.products_block h5 { margin: 10px 5px 3px 5px }
#center_column div.products_block p.product_desc { margin: 0 5px}
#center_column div.products_block ul li p.product_desc a { font-weight: normal }
#center_column .products_block span.price {
   text-align: center;
   font-size: 1.5em;
   padding: 0.5em 0;
   /*display: block;*/
}
p.price_container { text-align: center }
#center_column .products_block .featured_price { margin-top: 2.5em }
#center_column .products_block a.button,
#center_column .products_block a.exclusive,
 #center_column .products_block span.exclusive { margin: 0.5em auto }

/* Special style for block accessories in center column (product page) */
#center_column .products_block.accessories_block .block_content { background: none }
#center_column div.products_block.accessories_block p.product_desc { 
   margin-right: 0;
   height: 150px; 
   border-right: 1px solid #d0d3d8 
}

thanx

[razaro]

I need this style just for
product description in product detail page.

But I agree little clarification is needed is it full description in more info tab or short description.
Some screen-shot or working link would be nice.

[www.exclusivepen.eu]

i need to change this

thank you

[razaro]

Ok change this in global.css near /* global RTE fields */

div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, div.rte p, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline
}

to

div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, div.rte p, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
font-family: "Times New Roman";
   font-size: 12px;
   color: #646464;
   line-height: 18px;
   padding: 5;
   text-align: left; 
}

[www.exclusivepen.eu]

thanx mate. it works.