Footer Spacing and Lines

Discussion in 'Andrina WordPress Theme' started by sandymcdonald, Oct 1, 2014.

  1. sandymcdonald

    sandymcdonald Member

    Joined:
    May 29, 2013
    Messages:
    100
    Likes Received:
    1
    I'm seeing several line and spacing problems in the computer version as well as on smaller devices.

    My URL is http://comfortclimateservice.com

    1) The lines next to the footer sections do not extend to the size of the largest text block in the computer version.

    2) With the responsive versions, the spacing is off.

    I would like to:
    (a) Decrease the spacing after the video description and before the info box;
    (b) Remove the large space for the 2nd footer section, which is currently blank; and
    (c) Decrease the spacing after the end of the content in the 3rd footer section and before my logos.

    How do I accomplish this?

    Thank you & Best Regards,
    Sandy
     
  2. swapnil

    swapnil Support Staff

    Joined:
    Oct 4, 2014
    Messages:
    5
    Likes Received:
    0
    Hello Sandymcdonald,

    Paste the codes given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    (a) For decreasing the space after the video .....

    Code:
    .bottom-feature {
    margin-bottom: -18px !important;
    }

    (b) To remove the large space for the .....

    You need to put the content of the last widget of the 2nd footer section into its second widget.
    Also place this code too :
    Code:
    .footer {
    margin-bottom: -25px;
    }

    (c) Decrease the spacing....
    Code:
    .bottom-footer .footer_bottom_inner span.copyright {[/COLOR][/FONT][/SIZE]
    [SIZE=12px][FONT=Consolas][COLOR=#222222]margin-left: 315px !important;[/COLOR][/FONT][/SIZE]
    [SIZE=12px][FONT=Consolas][COLOR=#222222]}



    Let me know for further issues.

    Thanks & Regards,
    Swapnil Gupta,
    InkThemes.com






     
  3. swapnil

    swapnil Support Staff

    Joined:
    Oct 4, 2014
    Messages:
    5
    Likes Received:
    0
    For
    (c) Decreasing the space .......

    this will be the code

    Code:
    .bottom-footer .footer_bottom_inner span.copyright {
    margin-left: 315px !important;
    }
     

Share This Page