Skip to:
Content
Pages
Categories
Search
Top
Bottom

Need a colored textbox with options? Here is the code.

  • Avatar of Kyle Adams
    Kyle Adams
    Participant

    @kyle88

    Not sure if anyone has done this yet, if so I have not seen it this advanced. I worked up this code to get a colored text box with several options.

    -header background color
    -header text color
    -text body background color
    -text body text color
    -change alignment of header and body independently
    -change the padding of the text
    -change font style of header and body independently
    -and more

    Just paste the following code into a new text box widget and edit the code to fit your needs. Hope this is something useful for you!

    `<div style="font-family:arial;
    color:white;
    font-size: 12px;
    text-align: center;
    margin-right: 1%; margin-left: 1%;
    background-color: rgb(47,69,105);
    padding: 6px 12px”>

    Bold Header

    <div style="font-family:
    arial;color:darkcole;
    font-size: 12px;
    text-align: center;
    margin-right: 1%; margin-left: 1%;
    background-color:lightgray;
    padding: 6px 12px”>

    Colors and layout can be changed. Both the header background and this background can be changed.

    `

You must be logged in to reply to this topic.