Help with Stats and Treasure on a pre-made profile?
Replies
Please ping me if you respond to this, or I will never see it. ADHD is a b*tch.
I'm working on my pet Vex, using FallenSamurai's Pet Profile 02. I'm trying to figure out how to remove the battle stats, and move the treasure to where the battle stats are, as a small (2 items wide) scrolling treasure. I'd appreciate any help.
The following changes should accomplish what you want to do,
Steps to modify profile
First there should be a selector that looks exactly like below
div#column_3 {
display: flex;
grid-column: 1 /span 2;
grid-row: 3;
padding: 0px;
margin: 0px;
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
now modify it to look like the below instead
div#column_3 {
display: none;
}[
Now another selector should look like the below
div#pet_treasure {
grid-row: 1 /span 4;
grid-column: 4;
overflow-y: auto;
padding: 4px;
box-sizing: content-box;
overflow-x: hidden;
display: inline-flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-around;
align-content: start;
}
now modify it to look like the below
div#pet_treasure {
display: flex;
grid-column: 1 /span 2;
grid-row: 3;
margin: 0px;
flex-wrap: wrap;
justify-content: center;
}
Now that should be all the changes needed to move treasure and remove stats, there are other selectors that can be removed cause it targets the now invisible stats but I don't have the time to look and compile a whole list currently though I can at some other time if you want that.
So there are things that go a bit wonky without the treasure being there just display things
One selector you can change for now to improve the display is
div#pet_treasure, div#pet_desc {
padding-right: 17px !important;
overflow-x: hidden;
overflow-y: hidden;
}
change it to this
div#pet_treasure {
padding-right: 17px !important;
overflow-x: hidden;
overflow-y: hidden;
}
and also add the selector inside the style tags (<style>HERE</style>) anywhere should be fine just not inside another selector
div#pet_info {
min-width: 720px;
}
I hope this is easy to follow as I hope if not let me know I'll try to make it simpler....