Topic Resolution: Resolved
  • Closed
  • Rssn
    Spectator
    13.06.2015 at 07:53 #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
    15.06.2015 at 11:07 #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
    15.06.2015 at 12:16 #18261
    This reply has been marked as private.
    Imran
    Spectator
    Posts: 402
    16.06.2015 at 11:02 #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
    17.06.2015 at 08:26 #18294

    Hi,

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

    Thanks in advance

    Imran
    Spectator
    Posts: 402
    17.06.2015 at 10:09 #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
    17.06.2015 at 12:33 #18308

    Thanks Imran.

    Imran
    Spectator
    Posts: 402
    19.06.2015 at 09:38 #18346

    You’re welcome! 🙂