Help with widgets

Hello.

I'd like some assistance

In my forum we run discussions threads, where we discuss multiple things. I want to add these discussions to the forum. I made an image using Photoshop to make this easier to explain.

Right now, the forum looks like this (Index): https://i.imgur.com/Ha57O13.png

I want to add this: https://i.imgur.com/Tci5BAC.png

And have it look like this: https://i.imgur.com/XOM3RzD.png

of course, there will be more discussions, the 'TBA' stands for 'To be added'.

This is the code I want to add:

Code:


<style>
#roachd1 {
    width: 150px;
    background-color: #151515;
    font-size: 12px;
    font-family: Verdana;
}
 
.roachdd {
    border: 1px solid rgb(69, 61, 0);
    margin: 1px;
    padding: 3px;
}
 
.roachdt {
    color: #F0A418;
    text-align: center;
    border: 1px solid #50381A;
    margin-bottom: 3px;
    background-color: #2C2310;
}
  </style>

<div id="roachd1">
  <div class="roachdd">
    <div class="roachdt">Shaddolls Discussion</div>
    <img src="http://i.imgur.com/N9wLLgy.png" style=" width:140px; height:140px;">
    </div>
</div>


Is it possible?

Have you tried just adding it as new widget? The HTML should properly align to the space you assigned it to; otherwise, use "!important" declarations.

Also, off-topic, if you could PM me, that'd be great.

I've attempted to add it to a new widget; however, it wouldn't be placed where I wanted it to appear.

Also, what do you wanna talk about? You can PM me here on FM anyways.

Ah yes, I see the issue - you have not declared any specific position for it to appear.

Possible ways of placing them are "top", "left", "bottom" and "right" and all of those can be set with any CSS measurement (%, px, dpi, em) and start at 0 at the specified corner (ex.: "top:0;left:0;" would place the widget in the top left corner, "top:0;left:100" would place it 100 units left from the top left corner etc.)

I'm not entirely sure about the exact positions on your forum but I will look into it tomorrow.

Okay, that worked. Thanks.


This topic is solved.

EDIT: Actually, It isn't.

Is there a way to disable it for mobile phones? We got quite a large number of members accessing DA using mobile phones the majority of the time instead of using their Laptops/PCs.

EDIT 2: Okay, nevermind, this is solved.