#*elara

[simmerstellar]

Hunter is very happy and has some exciting news. 

[simmerstellar]

Time to catch up with the girls/former roommates.

[simmerstellar]

After babysitting Briella, Jo went dancing with her friends: Darlene and Mirla.

At the disco, Jo met Rowan and Elara.

[venusthms]

hello! i hope you're doing well <3 i'm using your elara page and i was wondering if there was a way to add icons to where it's written "@url here"? i tried to figure it out myself but the icons turned out too big and they were glued to the top of the box/line instead of being centralized in the middle. i was hoping to add 3 or 4 icons there if possible

Hi there, I hope you’re doing good as well! Thank you for using my page :’) I’m not sure if you mean the svg icons which I use on the page or if you mean images but I’m just gonna explain how to do either under the cut.

For (svg) Icons:

Paste the following lines before </style>

.url svg {    height:12px;    vertical-align:middle;    margin-right:-5px;    border-radius:100%; }

.url svg:last-of-type {    margin-right:0; }

And then add this after <div class="url"><span> and replace user with the icon you want to use there

<i data-feather="user"></i>

For Images:

Paste the following lines before </style>

.url img {   height:20px;   width:20px;   vertical-align:middle;   margin-right:5px;   border-radius:100%; }

And then add this after <div class="url"><span>

<img src="Image URL here">

[venusthms]

Hi, hope you are doing well, i wanted to use your Elara page (which is so cute) for the relation page of one of my character and was wondering if there was a way to make the img 200px and not 125px . Thanks have a good day

Hi there ! Sure, to change the image size, just paste the following lines before </style>

.item img {height:200px;width:200px} .top {height:200px} /*needs to match image height*/

However, if you make the image bigger, the stats will become quiet squished. So, you might need to adjust the general item size a little bit as well. Just look for the following line and change the width to whatever looks good to you

.item {width: 250px;height: auto;}

[venusthms]

hi! for elara, is there a way to keep the stat icons the same size even if the text is long? thank you <3

Hi there !! Oh, I never noticed that the icons changed size when you had longer text in those sections. Thank you for letting me know ♡ I just changed something in the external css and the issue should be fixed now. You don't need to change anything in the code manually but the code should update automatically !

[venusthms]

Hello! I'm sorry to bother you but I've had a hard time swapping the Elara page to the "dark mode" in the previews upon installation. If it wouldn't be too much of a hassle it'd help me out a ton!

You would need to change the colors of the page manually. At the top of the code is a part where it says “change colors” and there you need to ajdust the hex codes. I don’t remember the exact colors I used on the dark version but for the background I used #181818,for the items #1d1d1d and for the description  #1a1a1a ! Hope that helps !