XF 2.2 HTML Widget - Background colour/image

DaveL

DaveL

Well-known member
Looking to create some custom HTML widgets, however struggling at the start!
I've created the widget and used this so I get a black background, but no joy.
HTML: 
<html>
<body style="background-color:black;">

Test

</body>
</html>

Any help appreciated!
 
Sort by date Sort by votes
Don't start with those tags.
HTML widgets are already nested between
HTML: 
<div class="block">
    <div class="block-container">
        ...
    </div>
</div>
Unless you check the advanced mode box...
And to customize your widget, use classes and your extra.less file instead.
 
Upvote 0 Downvote
One quick question, with advanced mode, there is no space between the widgets when viewing on a narrow window. What would I need to add to add a bit of space between them?

space.webp
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

mrdoitnyce
  • Question Question
XF 2.3 Different html widget colors between 2 different styles/themes
Replies
4
Views
70
mrdoitnyce
mrdoitnyce
RuuDarling
  • Question Question
XF 2.2 Change the background colour to an image.
Replies
11
Views
1K
TPerry
TPerry
P
  • Question Question
XF 2.2 HTML Widget won't update
Replies
9
Views
782
Phil Dart
P
DaveL
  • Solved
XF 2.2 Create a button in HTML widget
Replies
6
Views
1K
MapleOne
MapleOne
Graham Smith
  • Question Question
XF 2.2 Changing the Background Colour
Replies
2
Views
605
Graham Smith
Graham Smith
Back
Top Bottom