• I managed to create a curved seperator between several sections on my website. I have chosen pure white as the background color, but in the frontend it turns out black.

    When inspecting the page I discovered the following code:

    <svg class="pp-curve" xmlns="http://www.w3.org/2000/svg" version="1.1" fill="#rgb(255, 255, 255)" width="100%" height="100" viewBox="0 0 4.66666 0.333331" preserveAspectRatio="none"> <path class="fil1" d="M4.66666 0l0 7.87402e-006 -3.93701e-006 0c0,0.0920315 -1.04489,0.166665 -2.33333,0.166665 -1.28844,0 -2.33333,-0.0746339 -2.33333,-0.166665l-3.93701e-006 0 0 -7.87402e-006 4.66666 0z"></path> </svg>

    I think fill=”#rgb(255, 255, 255)” is an invalid syntax as there shouldn’t be a # character in the code. I tried to change the color code in the Beaver builder but it seems not possible. I finally solbved it by adding the following css:

    .pp-curve {
    fill: #ffffff !important;
    }

    I is a workaround, but I think there is a bug in the plugin, right?

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

The topic ‘Seperator background color’ is closed to new replies.