Datafeedr Support Forums

Datafeedr Support Forums (/index.php)
-   Questions (/forumdisplay.php?f=67)
-   -   Bigger, bolder, different coloured prices sitewide (/showthread.php?t=11413)

brentwilliamz January 10th, 2015 05:29 AM

Bigger, bolder, different coloured prices sitewide
 
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 January 10th, 2015 11:01 AM

Hi

Try adding the following code to your Custom CSS:

Code:

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

Eric

brentwilliamz January 11th, 2015 09:05 AM

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? :confused:

Again, ta muchly.

Eric January 11th, 2015 10:40 AM

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 January 12th, 2015 02:51 AM

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!

Code:

/**
 * 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 January 12th, 2015 08:55 AM

Looks like you got it! Nice work!


All times are GMT -5. The time now is 12:54 PM.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.