Im not quite sure what you're struggling with when it comes to that code unfortunately, it's not described in a way I'd understand ^^'

What is it about the center column that's giving you trouble?

You have liked this post!

Changing its background color. In your den it is transparent. It is where all of the descriptions, lions, changing your den description, etc. is.

You have liked this post!

All you'd have to do is find a hex color code for the color you want it to be and change that.

.col-md-9.col-xs-12 {
background: #556657 !important;
min-height: 800px !important;
padding-top: 25px;
padding-bottom: 25px;}

In the case of your code, the background hex color you have is #556657, which is a kind of olive green. You can use this website here, htmlcolorcodes.com, to find colors you like.

When it comes to making them somewhat transparent, I would suggest referring to this resource about understanding Hexadecimal values (A value between A-F, 0-9.)

For my den, I don't actually use .col-md-9.col-xs-12 to define the background because I found I have more flexibility to change things if I do it like this:
div.container.main {
background: linear-gradient (
0deg, rgb(7 21 29 / 44%) 0%,
rgb( 9 27 38 / 30%) 35%,
rgb(15 47 66 / 13%) 68%,
rgb(195 218 232 / 8%) 100%);
border: none !important;}

.col-md-9.col-xs-12 {
background: none;}


Mine doesn't necessarily follow RGBA, and is more or less just RGB at a set percentage (44%, 30%, 13%, 8%) and their positions are along a line at the 0%, 35%, 68% and 100% marks. I used CSS Gradient to get these values super easy.

You can of course choose however you wish to go about this. I hope this helps clear some things up! Let me know if anything is unclear or if I can clarify anything further ♥

You have liked this post!

Apocalypse Horses Replacement images added
Snuhlion and Pumpkins updated

You have liked this post!

Could you explain how to make a scroll bar? My art examples are uh........loooooong and I don't wanna torture users.

You have liked this post!

Sure thing! When it's added I'll lyk and I'll be sure to put it in the replies, too.

You have liked this post!

Thank you!

You have liked this post!

Hi there I'm trying to change the background of the caves for the Featured Lioness Images. Do I paste one or both of these in the Cave Description (basic HTML allowed) or in the httml for the den css?

a[href="cave.php?id=317273"]>.cave-grid>img {content: url('https://i.imgur.com/UGn4fft.png')!important;}

img[src$="default.png"] {content: url("https://i.imgur.com/eVHKmYu.png"); }

You have liked this post!

In the CSS File itself ^^

CSS will not work within HTML-only spaces.

You have liked this post!

Above ^

So do I paste

a[href="cave.php?id=317273"]>.cave-grid>img {content: url('https://i.imgur.com/UGn4fft.png')!important;}
img[src$="default.png"] {
content: url("https://i.imgur.com/UGn4fft.png"); }

At the bottom of my css? I can't seem to find any section that has for the Featured Lioness Images in particular. Also I'm so sorry and feel free to direct me to further explanation, but I can't quite understand/figure out how to css the actual caves.

You have liked this post!

You can paste it in your CSS file, yes. The CSS File itself is typically hosted through another website and linked in your Territory Description. NOT pasted in the description itself.

If you're trying to link a CSS to your caves, you need the CSS link in the "Cave CSS" area.

If you're trying to edit how the page appears, you need to edit the CSS itself. It's described under Basic Setup - 3b. Cave CSS and under Customized Images - 2e.

How to write your own CSS is listed in Basic Setup as well.

You have liked this post!

@Jenova :|: 3.3kstMRCinnaPrimal (#164933)

Thank you for your patience / sorry for the delay! I made a Codepen Preview so that you can see the following in action:


To allow for a box to scroll, you need to do the following:
- Set a default height for the box
- Hide the Overflow / Have the Overflow Scroll

You can do this by:
.BoxExample {
height: 150px;
overflow: auto; }

In the Codepen Template I use a Primary / Secondary Child Selector to utilize one Box but have different effects. The same box can either expand based on content, scroll once the content reaches its max height, or expand to fit a new specified height.

You have liked this post!

As a semi-beginner CSS coder, this looks amazing! I'm coming from Itchio to try my luck at lioden and this stuff Is fantastic just like your lioden page

You have liked this post!

Thank you!! If you get stumped by anything feel free to give a shout ^-^

You have liked this post!

holy cow you are a god send ive been looking for a post like this for a while! time to experiment >:D

You have liked this post!