align=center changes background!

  • Resolved ljaygould

    (@ljaygould)


    3 years, 11 months ago

    This page was created with the Elegant Themes DIVI theme.
    The thermometer on the left carries the following shortcode:
    [thermometer raised=1000 target=2600]
    The one on the right contains:
    [thermometer raised=66 target=100 currency=null align=center]
    On the left, there is a bar at the top of the thermometer device with a color that appears to be #6080FF. I can’t find this color anywhere in the settings or documentation for this device, nor do I find a way to activate or de-activate that bar, it’s just there.
    This is less of a problem than what happens on the RIGHT. Here, the color of the bar occupies the entire background of the module. Note that I ONLY changed the alignment! HELP! Thanks.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter ljaygould

    (@ljaygould)

    OOPS! I did also change the currency to null. This is NOT the issue. When I centered the thermometer on the left it behaved the same and it’s got currency in dollars…

    Plugin Author rhewlif

    (@henryp)

    Hi,
    I’ve had a look and can see what’s happening. The theme you are using wraps these thermometers with some code that is applying the blue colour. You have some options:

    1) You could wrap the thermometer shortcode yourself with some html to make the background white. Add an html block in the post editor and write:
    <div style="background-color: white;">[thermometer raised=66 target=100 currency=null align=center]</div>

    You would still probably get a blue border like on the left. This is related to the theme so unfortunately can’t be fixed via this plugin. But you could do this instead:

    2) Customise your theme settings under the appearance menu and add this css code under ‘Additional CSS’
    .et_pb_code_inner { background-color: #ffffff!important;}

    This will change the blue colour to white.

    cheers,
    Henry

    Thread Starter ljaygould

    (@ljaygould)

    Henry, it doesn’t surprise me that this is a theme issue, and thanks so much for being willing and able to provide a fix. The code you provided completely fixes the issue. At first, with just the HTML, it put a blue border around the thermometer device; when the CSS code was added to the theme code, it completely removed the blue.
    Thanks so much!
    Jay

    Plugin Author rhewlif

    (@henryp)

    You’re welcome!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘align=center changes background!’ is closed to new replies.