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
Nicolas FR

Nicolas FR

Well-known member
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
DaveL

DaveL

Well-known member
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.png
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

DaveL
  • Question
XF 2.2 Widget background image
Replies
5
Views
258
Brogan
Brogan
RuuDarling
  • Question
XF 2.2 Change the background colour to an image.
Replies
11
Views
180
Tracy Perry
Tracy Perry
P
  • Question
XF 2.2 HTML Widget won't update
Replies
9
Views
422
Phil Dart
P
DaveL
  • Solved
XF 2.2 Create a button in HTML widget
Replies
5
Views
424
Nicolas FR
Nicolas FR
DaveL
  • Question
XF 2.2 Getting widgets to align with each other
Replies
6
Views
176
DaveL
DaveL
Top