Topic Resolution: Resolved
  • Closed
  • Rssn
    Spectator
    June 13, 2015 at 7:53 am #18243

    Hi,

    Please help me in spacing here are the details and screenshots. Thanks

    1. Blog title and tagline – center -alignment and spacing
    2. Widget Post slideshow (Flexslider)- Spacing
    3. Widgets – Spacing
    4. Content – Spacing
    5. Tab – Top and bottom margins

    1 to 3
    4 to 5

    Thanks in advance.

    Imran
    Spectator
    Posts: 402
    June 15, 2015 at 11:07 am #18258

    Hi Ron,

    Thanks for writing in,

    #1: Try using following CSS code under Custom > CSS in the Customizer:

    #logo, #logo a {
    line-height: 70px;
    }

    #2: Try using these codes into your CSS:

    .widget_wooslider_slideshow_posts h2.slide-title {
    margin: 0px;
    }

    #secondary a, #secondary-2 .slide-title a {
    line-height: 100%;
    }

    #3: To increase the margin you can use this code:

    .widget {
    position: relative;
    margin-bottom: 30px;
    }

    #4 , #5: To suppress the extra margins you can try this CSS:

    .panel-widget-style {
    border: none !important;
    }

    .shortcode-tabs {
    margin-bottom: 0px;
    }

    Thanks.

    Rssn
    Spectator
    Posts: 31
    June 15, 2015 at 12:16 pm #18261
    This reply has been marked as private.
    Imran
    Spectator
    Posts: 402
    June 16, 2015 at 11:02 am #18282

    Hi Ron,

    #1: You can try this CSS under Appearance > Theme Options > Custom CSS:
    :

    #logo, #logo a {
    line-height: 50px;
    margin-top: 22px;
    }

    #2: For this particular issue which requires customization so I’d advice you to consult a developer to assist you with this.

    #3: Try this code to adjust the margin:

    .widget-content {
    margin-bottom: 0px !important;
    }

    .widget {
    position: relative;
    margin-bottom: 25px;
    }

    #4: You can adjust the margin by using #3 .widget’s margin and from this following code:

    #pl-2942 .panel-grid-cell .so-panel {
    margin-bottom: 30px;
    }

    Thanks.

    Rssn
    Spectator
    Posts: 31
    June 17, 2015 at 8:26 am #18294

    Hi,

    It’s all good now except to the #4.

    Thanks in advance

    Imran
    Spectator
    Posts: 402
    June 17, 2015 at 10:09 am #18306

    Hi Ron,

    Upon checking, the #4 margin has already been applied (see: http://prntscr.com/7hya4t). If you wish to increase or decrease the value, you can change into the code.

    #pl-2942 .panel-grid-cell .so-panel {
    margin-bottom: 35px;
    }

    Thanks.

    Rssn
    Spectator
    Posts: 31
    June 17, 2015 at 12:33 pm #18308

    Thanks Imran.

    Imran
    Spectator
    Posts: 402
    June 19, 2015 at 9:38 am #18346

    You’re welcome! 🙂