Do know how to add pictures to all the relationships?
like if i try to put more than 1 person, does not let me put an picture on it.
I really love ur code <3!
I'm not entirely certain what issue you're having, but I'll walk you through the code to see if that helps.
Adding a new character relationship requires you to copy all of the code inside of the first row (colored in red, code within colored pink) after the note stating the beginning of "person 1". After copying the code after the first person, it should include its own image link (colored in blue) in the code after I annotated the beginning of the character image. Each individual link (written in parenthesis as "LINK") can be replaced with a link to an image.
As I said, I'm not certain what your issue is but I hope this was helpful. If this doesn't resolve your issue, please let me know (perhaps provide screenshots and a bit more detail on your issue) and I'll be happy to help. Apologies for the slow reply. I'm glad you like my code!
<!--------------------- D - Relationships --------------------------------->
<div class="tab-pane p-0" style="overflow-y:auto;" id="D">
<!-----Person 1 (Copy/Paste to add more)------->
<div class="row no-gutters">
<div class="p-2 col-auto float-lg-left">
<div class="card mx-auto mx-lg-0" style="width:150px;height:150px;background-color:#F2F2F2;">
<!-----Character picture here------->
<div class="h-100" style="background-image:url(LINK);background-size:cover;background-position:center;"></div>
</div>
</div>
<div class="p-2 col">
<!-----Name and relationship------->
<div class="card p-2 px-3 mb-1" style="background-color:#363636">
<a class="display-1" style="font-size:18px;text-decoration:none;color:#C9C9C9;font-variant:small-caps" target="_blank" href="LINK_HERE">
Name
<span class="pull-right">
<i class="fal fa-heart"></i>
</span>
</a>
<p style="color:#858585;">
Relationship
</p>
</div>
<!-----Relationship about text------->
<p class="text-justify" style="color:#C9C9C9">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
</p>
</div>
</div>
</div>
This code is so good! Thank you so much for sharing, would love to use it on some of my char's pages!
(F2U) Dossier's Comments