![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Hello, I am looking for help in setting up a custom module/table/section to my blog, if that's possible.
Basically, I want to have a sidebar where I can have pictures, text, etc in addition to the actual custom text module. I'm willing to dive into the coding (stylesheets? layers?) directly to make this work, but I don't know much CSS and I don't know where to begin! The attempts I've made on my own have so far just killed the custom CSS and, as an insult, still not shown any extra text.
I actually got my inspiration from my current blog theme, because it includes an image that's linked directly to the custom CSS tab, not the custom text one. I'd love to be able to keep said theme but would be willing to switch to another if necessary.
If there's no way to make this work then that's fine, but I figured it doesn't hurt to ask!
(PS my blog is NSFW, you can instead see a live preview of the theme I'm using here)
Basically, I want to have a sidebar where I can have pictures, text, etc in addition to the actual custom text module. I'm willing to dive into the coding (stylesheets? layers?) directly to make this work, but I don't know much CSS and I don't know where to begin! The attempts I've made on my own have so far just killed the custom CSS and, as an insult, still not shown any extra text.
I actually got my inspiration from my current blog theme, because it includes an image that's linked directly to the custom CSS tab, not the custom text one. I'd love to be able to keep said theme but would be willing to switch to another if necessary.
If there's no way to make this work then that's fine, but I figured it doesn't hurt to ask!
(PS my blog is NSFW, you can instead see a live preview of the theme I'm using here)
Tags:
no subject
Date: 2019-01-11 07:04 pm (UTC).module-typelist .module-list-item a{
height: 200px;
width: 200px;
display: inline-block;
font-size: 0;
vertical-align: top;
}
.module-typelist ul li {
margin: 0px;
padding: 0px;
display:inline-block
}
.module-typelist ul li:nth-child(1) a {
background: url("https://placekitten.com/200/200");
}
.module-typelist ul li:nth-child(2) a {
background: url("https://placekitten.com/200/220");
}
.module-typelist ul li:nth-child(3) a {
background: url("https://placekitten.com/240/220");
}
Modify height and width to whatever size you want the blocks to be, and then replace the image urls with your own. You can copy and paste that block and change the nth-child(#) number if you've got more than three.