Home>Support>Widget Border-Width in custom css isnt working ?

Widget Border-Width in custom css isnt working ?

Hi there,

ive included the google widget on my page and gave it a border in Design Options.
I want to make the border bigger, so i added to “css-styles” of the google widget the code: border-width: 4px;
But the border isnt changing.

Do i have to use another code?

Thank you

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 3 months ago moozastyle

    Also i have another Question:

    I Want to add a Title to the google maps widget, which is displayed directly over the map. When i place a new div container above the map, there is a lot space between a text in the new container and the google map.

    How do i get rid of that space?

    Thank you

    • 7 years, 2 months ago Greg Priday Hi, I Work Here

      Hi moozastyle,

      Could you post this question in a separate thread. It’s quite unrelated to your original question, and I’d like to keep things organized. Be sure to post a public URL where I can see the issue in action. This will be huge help in figuring out what’s going on.

  2. 7 years, 3 months ago moozastyle

    Aaand a third Question:

    How do i give a row a max hight?
    The code max-hight: 300px; does not work when i put it in -> edit row -> attributes -> css styles

    Thank you

  3. 7 years, 3 months ago moozastyle

    Hi,

    i solved the third question by creating a css class and give it to every cell in the row though attributes.

    But there is a problem with a mailmunch optin form.

    The optin form isnt changing in hight, no matter what i try. Its always bigger in hight than the whole row.

    I tried to put a text-widget with following code:

     <style>
    .folgen2{
    clear : none;
    float : left;
    valign : top;
    position : relative;
    padding-top : 0px;
    padding-bottom : 0px;
    width : 250px;
    height : 300px;
      *background-color : rgba(0,253,247,0.4);
      *background:#f2f2f2;
    </style>
    <div class="folgen2">[mailmunch-form id="36557"]</div> 

    This code is working on sites i build without siteorigin page builder, so that the mailmunch optin form is exactly 300px in hight and 250 in width. But in pages i create with page builder, only the width is changing, but the hight is always at about 450pixel or something like that.

    Here is a picture of it:

    [img]http://i.imgur.com/8Toqppr.jpg[/img]

    In grey you can see the row the mailmunch optin form should fit in. But its always too low and has too much hight.

    Maybe its bauce of some css codes of higher classes?

    Do you know how to fix it?

    Thank you

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More