I want to add astrix on price field label via css

[moinuddin]

Hi,

I want to add asterix to price field label on add products / publish page so that users can come to know that it is compulsory..


I have even found a link

https://forums.osclass.org/general-help/adding-an-asterix-to-custom-field/

The only thing is that i dont know the identifier name of the price field.

Hence can anyone help me out ?

Thanks in advance

[BritWeb]

Do the following

Add this to your 'main.css'

Code: [Select]

.price_asterisk:before{font-family:"FontAwesome";content:"\f069"; padding-right:5px; color:#C00}
On your 'item-post.php', find the line '<label class="control-label" for="price"><?php _e('Price', 'bender'); ?></label>' and replace it with '<label class="control-label price_asterisk" for="price"><?php _e('Price', 'bender'); ?></label>'


Regards

[moinuddin]

Can you let me know the name of identifier of price?..in customer field we can define it by ourselves from admin panel(please look at the attachment)..but in the default fields provided by osclass how can we know their identifier?

[BritWeb]

Show me the page with these custom fields on and I will see if I can help.

Regards

[WEBmods]

Hello.

If you think price field ID, it's #price, I believe. Just use the suggestion by @BritWeb.

Regards.

[moinuddin]

<div class="control-group control-group-price">
                            <label class="control-label" for="price">Price</label>
                            <div class="controls">
                                <input id="price" type="text" name="price" value="" />                                <select name="currency" id="currency"><option value="INR" selected="selected">indian Rupees ₹ per pair</option><option value="USD">Dollar US$</option></select>                            </div>
                        </div>

This is the html code of the page for price field

[BritWeb]

<div class="control-group control-group-price">
                            <label class="control-label" for="price">Price</label>
                            <div class="controls">
                                <input id="price" type="text" name="price" value="" />                                <select name="currency" id="currency"><option value="INR" selected="selected">indian Rupees ₹ per pair</option><option value="USD">Dollar US$</option></select>                            </div>
                        </div>

This is the html code of the page for price field

Just put the following line of code into your 'main.css'

Code: [Select]

#price:after{font-family:"FontAwesome";content:"\f069"; padding-left:5px; color:#C00}

Regards

[WEBmods]

<div class="control-group control-group-price">
                            <label class="control-label" for="price">Price</label>
                            <div class="controls">
                                <input id="price" type="text" name="price" value="" />                                <select name="currency" id="currency"><option value="INR" selected="selected">indian Rupees ₹ per pair</option><option value="USD">Dollar US$</option></select>                            </div>
                        </div>

This is the html code of the page for price field

Just put the following line of code into your 'main.css'

Code: [Select]

#price:after{font-family:"FontAwesome";content:"\f069"; padding-left:5px; color:#C00}

Regards

To add to label, not input:

Code: [Select]

label[for=price]:after{font-family:"FontAwesome";content:"\f069"; padding-left:5px; color:#C00}

Regards.

[WEBmods]

You can even do it without Fontawesome:

Code: [Select]

label[for=price]:after {
    content: "*";
    color: #C00;
    font-size: 20px;
}

Regards.