Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Sidebar Widget Padding adjustment & CTA

Home Forums Support Sidebar Widget Padding adjustment & CTA

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #371489
    Kevin

    Hi,

    I’m having issues:

    1. adjusting the padding on a sidebar widget > http://prntscr.com/gbrsia
    2. adding a CTA within the widget.

    I’d like to have the same blue Widget as on your site > http://prntscr.com/gbrw44 > https://generatepress.com/support/

    3. Adjusting the Facebook Widget padding

    Thanks!

    GP Premium 1.4.3
    #371591
    Leo
    Staff
    Customer Support

    Hi there,

    Can you provide a link to your site?

    Thanks!

    #371630
    Kevin
    #371643
    Leo
    Staff
    Customer Support

    Hi there,

    First remove this CSS you’ve added:

    .inside-custom-widget {
        padding: 30px;
        text-align: center;
        font-weight: 300;
        padding: 0;
        background: #5eb846;
        color: #FFF;
        word-wrap: break-word;
        font-family: "Open Sans", sans-serif;
        -webkit-font-smoothing: antialiased;
        border: 0;
        margin: 0;
        outline: 0;
        padding: 0;
        border-bottom-color: rgb(255, 255, 255);
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-image-outset: 0px;
        border-image-repeat: stretch;
        border-image-slice: 100%;
        border-image-source: none;
        border-image-width: 1;
        border-left-color: rgb(255, 255, 255);
        border-left-style: none;
        border-left-width: 0px;
        border-right-color: rgb(255, 255, 255);
        border-right-style: none;
        border-right-width: 0px;
        border-top-color: rgb(255, 255, 255);
        border-top-style: none;
        border-top-width: 0px;
        color: rgb(255, 255, 255);
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        outline-color: rgb(255, 255, 255);
        outline-style: none;
        outline-width: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        text-align: center;
        text-size-adjust: 100%;
        text-transform: none;
        width: 249.333px;
        word-wrap: break-word;
        padding-top: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        text-align: center;
        font-weight: 300;
    }

    Then use this:

    #text-4 {
        padding: 0;
        background: #1E72BD;
        color: #FFF;
        font-weight: 200;
        font-size: 17px;
    }
    .inside-custom-widget {
        padding: 30px;
        text-align: center;
        font-weight: 300;
    }

    And this HTML would be something like this:

    <div class="inside-custom-widget">
        <div class="title">30 Day</div>
        <div class="title" style="font-size: 30px;font-weight:bold;margin-bottom:20px;">Guarantee</div>
        If you're unhappy with our add-ons we'll give you 100% of your money back!
    </div>
    #371653
    Kevin

    Hi Leo,

    Thanks! That worked perfectly.

    Regarding the Facebook widget, I’m using a plugin. Is it possible to adjust the padding on the widget so that the iframe cover the full widget dimensions … just like in the inside-custom-widget?

    #371659
    Leo
    Staff
    Customer Support

    Like the second sidebar widget?

    Try this:

    #fbw_id-2 {
        padding: 0;
    }

    but the that widget has set width and height in their style already

    #371664
    Kevin

    Thanks Leo. That worked great!

    #371681
    Leo
    Staff
    Customer Support
    #379042
    Kevin

    .

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.