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

DaveL
  • Question Question
XF 2.2 Widget background image
Replies
5
Views
517
Paul B
Paul B
RuuDarling
  • Question Question
XF 2.2 Change the background colour to an image.
Replies
11
Views
1K
TPerry
TPerry
Chernabog
  • Solved
XF 2.2 Remove site navigation from a NODE -> PAGE
Replies
14
Views
785
Paul B
Paul B
P
  • Question Question
XF 2.2 HTML Widget won't update
Replies
9
Views
779
Phil Dart
P
DaveL
  • Solved
XF 2.2 Create a button in HTML widget
Replies
5
Views
1K
Nicolas FR
N
Top Bottom