Product Show Case Price Font Change

General General Questions
1

Hi,



How do i change the price font weight to bold on my homepage product show case block ? The theme editor only changes the actual price font tags but I actually need the product show case block price font changed to have it bold?



Thanks.

2

What theme do you use? The prices are shown in bold on the demo.cs-cart.com

3

I'm using a custom theme called Business Layout. It shows my prices as bold in the product detail page but on my homepage product showcase is not bolded. Here is the website name www.hobbies4life.com.



Thanks.

4

Please let me know if there is a way to edit the font for the product showcase block?



Thanks.

5

Go to the CSS section in the theme editor and add the following code:



.multicolumns-list .price-num {
font-weight: bold;
}

6

Thank you.

7

Is there anyway I can include my own style sheet that overrides styles?



Is there a cs-cart css style sheet reference guide to custom edit the style of my website?



Thanks.

8

I tried adding these 3 lines into my style.css or base.css file and it does not work.



[color=#666600].[/color][color=#000000]multicolumns[/color][color=#666600]-[/color][color=#000000]list [/color][color=#666600].[/color][color=#000000]price[/color][color=#666600]-[/color][color=#000000]num [/color][color=#666600]{[/color]

[color=#000000] font[/color][color=#666600]-[/color][color=#000000]weight[/color][color=#666600]:[/color][color=#000000] bold[/color][color=#666600];[/color]

[color=#666600]}[/color]





[color=#666600]Please let me know which file to add the lines to?[/color]



[color=#666600]Thanks.[/color]

9

[quote name='hobbiesdeveloper' timestamp='1422747122' post='203994']

I tried adding these 3 lines into my style.css or base.css file and it does not work.



[color=#666600].[/color][color=#000000]multicolumns[/color][color=#666600]-[/color][color=#000000]list [/color][color=#666600].[/color][color=#000000]price[/color][color=#666600]-[/color][color=#000000]num [/color][color=#666600]{[/color]

[color=#000000] font[/color][color=#666600]-[/color][color=#000000]weight[/color][color=#666600]:[/color][color=#000000] bold[/color][color=#666600];[/color]

[color=#666600]}[/color]





[color=#666600]Please let me know which file to add the lines to?[/color]



[color=#666600]Thanks.[/color]

[/quote]

Please try this code
.product-container .prices-container .price span {
font-weight: bold;
}


This code will change the font weight to bold on the homepage. We have tested it.



Best regards, Alt-team.

10

[quote name=‘hobbiesdeveloper’ timestamp=‘1422747122’ post=‘203994’]

I tried adding these 3 lines into my style.css or base.css file and it does not work.



[color=#666600].[/color][color=#000000]multicolumns[/color][color=#666600]-[/color][color=#000000]list [/color][color=#666600].[/color][color=#000000]price[/color][color=#666600]-[/color][color=#000000]num [/color][color=#666600]{[/color]

[color=#000000] font[/color][color=#666600]-[/color][color=#000000]weight[/color][color=#666600]:[/color][color=#000000] bold[/color][color=#666600];[/color]

[color=#666600]}[/color]





[color=#666600]Please let me know which file to add the lines to?[/color]



[color=#666600]Thanks.[/color]

[/quote]



As far as I can see, the template was changes as I do not see the [color=#000000]multicolumns[/color][color=#666600]-[/color]list[color=“#000000”] class anymore. Try to use the solution of Alt-team. There is no need to override default files with styles. You can add custom CSS rules in the CSS section of the theme editor or use the following solution:[/color]