Help > Layout & Coding Help > Post Reply     

How do I add an energy tab to my layout

Player Avatar
Jen (Thoroughbreds)
July 30th, 2023 12:40:28pm
2 Posts

Hello fellow HPers 


I need a coders help


I want to add an energy section to my layout



That is the layout section. I am not sure how to do it and can send the code to someone that can help me 




v8CAMeg.jpg

 


View Comments 1


Player Avatar
mangobi-wan ✨ my 10 year HP anniversary!
July 31st, 2023 2:52:04am
2,909 Posts

So the energy section is there, but it's hidden by your CSS. In order to make it show again, you'll need to search for this exact selector and delete it (and nothing else):

, [id^="divider"] tbody td:nth-child(6)

The skeleton you have is a bit out of date as well, as it was coded before the energy column was added, so there's a bit of text that the CSS adds on, thinking that the energy column is the points column. In order to fix that, you can search for this section of your CSS and change the number from 6 to 7:

[id^="divider"] tbody td:nth-child(6)::after

And if you want to make the points column the fancy one with that alternate color, search for this and change the number from 6 to 7 also:

[id^="divider"] tbody td:nth-child(6)

:D




 

Player Avatar
Jen (Thoroughbreds)
July 31st, 2023 9:05:36am
2 Posts

thank you Mango! Appreciate you!




v8CAMeg.jpg

 

View Comments 1