Posted by Need Advice, or Willing to Pay for Cave Icon CSS

HelpI'veBeenHex
xed (#296801)

Unholy
View Forum Posts


Posted on
2024-08-12 23:40:31
I just did my entire den up with a bio and a free den layout CSS, but the cave icons are really bugging me. I don't know how to change them, not sure if they involve CSS or HTML, but I cannot do either and struggled to code what I already have. I would either like advice on if it's a simple change, or I am willing to pay for my caves (I have 3) to be prettied up if it's an in-depth process. Visiting my den page can give you an idea of the vibe, and I will discuss further if I will be paying somebody :)



Hrt Icon 0 players like this post! Like?

Garlic Bread (#209122)


View Forum Posts


Posted on
2024-08-12 23:55:40
Cave icon code should be pretty easy ^-^

here is what it should be for yours:


You should be able to just copy these and paste them into your code somewhere :D
what you would need to change is where it says "content: url('YOUR IMG LINK HERE') !important;" you are going to INSIDE THE ' ' thingies put the link to your desired image like:

url ('//static.lioden.com/images/layout/cavedefault.jpg')

would be the normal cave :D


let me know if you need any further clarification ooor if something doesn't work I might have made a mistake since I ripped this straight from my code haha



Hrt Icon 0 players like this post! Like?

HelpI'veBeenHex
xed (#296801)

Unholy
View Forum Posts


Posted on
2024-08-13 14:41:52
sounds good, I will try this now and report back!



Hrt Icon 0 players like this post! Like?


Edited on 13/08/24 @ 16:31:29 by Bri (#296801)

HelpI'veBeenHex
xed (#296801)

Unholy
View Forum Posts


Posted on
2024-08-13 16:45:15
okay, so to my understanding, i post them in the territory description with my CSS and HTML? I'm only worried about changing the caves right now, so heres the sales one I tried putting in. it didn't work right now, not sure if i needed to change something else besides putting my link in the quotes:

a[href$="263481"]>div.cave-grid>img {
content: url('https://i.postimg.cc/J7J7TCdX/download-1.jpg') !important;
display: inline-block;
width: 60% !important;
height: auto !important;
}

relevant info:
i resized my image to 240x120 since I looked it up and that seemed to be the original cave icon sizing for the images.
i used postimage to upload my resized image
i pasted the cave code underneath the my HTML and my CSS codes, not sure if order matters when it comes to coding.
i haven't changed the width since I want to play around with it before deciding what size they should be. not sure what the original cave icons' widths are, but I want to be as close to the original size as possible.



Hrt Icon 0 players like this post! Like?


Edited on 13/08/24 @ 16:51:50 by Bri (#296801)

Garlic Bread (#209122)


View Forum Posts


Posted on
2024-08-13 16:57:51
Sorry haha you need to place that in your CSS document not HTML description ^-^
you can put the width to 100% then for them to be full size
[ I put width 60% on mine because I control image size through the code rather than actual resizing ]

Other than that all looks good and I am glad you were able to reconstruct your CSS :o

When you do put it in your CSS, make sure its not inside any of the "{ }"! it could cause things to break ^-^

Place the code in a clear empty area that you are certain has no lingering brackets!




Hrt Icon 0 players like this post! Like?

Bri (#472229)

Sapphic
View Forum Posts


Posted on
2024-08-13 17:45:33
hmm for putting it in the CSS document, I use a free one and this is what i had pasted in the territory description:

<*link rel="stylesheet" type="text/css" href="https://Scilenci.github.io/idk/StarryNight.css"*>

I use Scilenci's free CSS from her thread, so I'm not sure where I would paste the code for the caves I opened the actual link and fiddled around with it a bit, tried pasting the contents inside my side account's description to no avail in showing the CSS, with and without the new cave codes. I tried removing the asterisks (not sure if that applies to the actual code, or just applies to forum posts on lioden) and that didn't work either. Apologies for so many questions, coding is so confusing and I don't know how yall do it!! im barely scraping through using HTML help on the forums- you're so gracious for helping me out i appreciate you sm

edit: didn't notice I was still on my side LOL



Hrt Icon 0 players like this post! Like?


Edited on 13/08/24 @ 17:47:52 by Bri (#472229)

Garlic Bread (#209122)


View Forum Posts


Posted on
2024-08-13 18:15:37
oh dear I see what you mean now!!

I thought you took a free CSS Template and edited them yourself to make your den :o
but now I understand it was just the HTML you were messing with, my apologies! Okay, hmm

to change the den caves you would need to get the CSS and put it yourself. Thankfully, this one is short and simple!!
You might want a Dropbox account for this, its free!





Hrt Icon 0 players like this post! Like?







Memory Used: 626.91 KB - Queries: 2 - Query Time: 0.00076 - Total Time: 0.00425s