Hide $ symbol in BYO

Question

Hi Team,

I need price box for only 1st attribute and not for other attributes. I can able to hide other attributes price box using below code

 <style>
#AllReg_BYO_price2 {display:none;}
#AllReg_BYO_price3 {display:none;}
#AllReg_BYO_price4 {display:none;}
#AllReg_BYO_price5 {display:none;}
#AllReg_BYO_price6 {display:none;}
#AllReg_BYO_price7 {display:none;}
#AllReg_BYO_price8 {display:none;}
#AllReg_BYO_price9 {display:none;}
#AllReg_BYO_price10 {display:none;}
#AllReg_BYO_price11 {display:none;}
#AllReg_BYO_price12 {display:none;}

</style>  

however, I see $ symbol (without price box) due to mentioning of $ symbol in the settings. Please help me to remove $ symbol from other columns.

Also, I want to remove price box and $ symbol from Total too.

Please help.

Thanks
Abdul

Answer 1

Try this CSS:

<style>
#AllReg_BYO_div .inner_table > tbody > tr:not(#AllReg_BYO_row_1) .price_cell > table {
    display: none;
}
</style>

Comments

Awesome. It works great. Thank you so much Zachary.

---

Zachary, Could you please help me to show more than one price boxes. For example 1st, 3rd attributes price boxes and along with Total price box. This code may needed in future. I tried below codes but doesn't work.

<style>
#AllReg_BYO_div .inner_table > tbody > tr:not(#AllReg_BYO_row_1) .price_cell > table {
    display: none;
}
#AllReg_BYO_div .inner_table > tbody > tr:not(#AllReg_BYO_row_3) .price_cell > table {
    display: none;
#AllReg_BYO_div .inner_table > tbody > tr:not(:last-child) .price_cell > table {
    display: none;
}
}

</style>

Thanks

---

Your code is a good start, but won't work for this situation.  Your code is effectively interpreted as "hide all but the first item, then hide all but the third item."  So that first command results in the third item being hidden and the second command results in the first item being hidden - nothing is left visible.

Perhaps the easiest way to do this would be to hide all price cells and then re-show the relevant cells.  This will show the first, third, and last price cells:

<style>
.price_cell > table {
    display: none;
}

#AllReg_BYO_row_1 .price_cell > table {
    display: table;
}

#AllReg_BYO_row_3 .price_cell > table {
    display: table;
}

#AllReg_BYO_div .inner_table > tbody > tr:last-child .price_cell > table {
    display: table;
}
</style>

---

Thank you so much Zachary.