Bigger, bolder, different coloured prices sitewide

[brentwilliamz]

Store ID: 46971
Website URL: androids.net.au

How do I reformat product prices throughout this site so they're bigger, bolder, different coloured?

Initially set them to, say, 14pt bold #000080 (dark blue).

What code & where to place?

In Store's Custom CSS? Or all Page & Product Views?

Thanks, folks.

[Eric]

Hi

Try adding the following code to your Custom CSS:

#view .pl .t1 .bdr .prc
{
	font-size: 14pt;
	font-weight: bold;
	color: #000080;
}

Eric

[brentwilliamz]

Thank you, Eric. That worked a treat on the main page layouts! Just what we were looking for; easier for website shoppers to take in quickly.

Sidebars still original small text but that will keep for later... unless it's obvious to you what separate code controls them?

Again, ta muchly.

[Eric]

Hi

You're welcome!

By the way, I used Firebug to make those changes as covered here: http://www.datafeedr.com/videos/?video=firebug#videotop

Eric

[brentwilliamz]

Have put off code as much as possible, as I don't have a bent for it. Happy to copy/paste under competent direction of others like yourself.

Prefer to stick to what I'm more experienced & capable at: Sales, promotion, SEO/SERP/SEM.

So saying that, have followed your suggestion & watched DFR Firebug video for learners. Excellent. Shall have a go this way BEFORE asking for help.

Since found out price formatting didn't alter in sidebars, nor item on Product Detail page. Inspected with Firebug then placed following codes into Custom CSS, & good grief, they worked!

/**
 * Reformat product prices in sidebar
 */
#wdgt_pl .pl .bdr .prc {
  text-align: center;
  margin: 5px 0;
  font-size: 14pt;
  font-weight: bold;
  color: #000080;
}


/**
 * Reformat product prices in Product Detail pages
 */
#view .sp .prc {
text-align: left;
margin: 5px 0 0 0;
font-size: 14pt;
font-weight: bold;
color: #000080;
}

What do you think?

Of course it's just pidgeon english to me... but will keep at it. Ta.

[Eric]

Looks like you got it! Nice work!