Shrink spacing between image and slider

Discussion in 'Compass WordPress Theme' started by colinmitchell, Jul 15, 2015.

  1. colinmitchell

    colinmitchell New Member

    Joined:
    Mar 3, 2014
    Messages:
    9
    Likes Received:
    1
    Hello,

    I am working on a website for a customer, they do not like the spacing below their logo image and the slider. would you kindly provide the css required to shrink this space.

    Thank you.

    http://www.innervore.ca/
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi,

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .header .logo {
      margin-top: -40px;
      margin-bottom: -20px;
    }
    Thanks,
    Praveen
     
  3. colinmitchell

    colinmitchell New Member

    Joined:
    Mar 3, 2014
    Messages:
    9
    Likes Received:
    1
    thank you!!
     
  4. colinmitchell

    colinmitchell New Member

    Joined:
    Mar 3, 2014
    Messages:
    9
    Likes Received:
    1
    please have a look at http://www.innervore.ca/

    is it possible to have the logo on top of the slider image the same as it is above... when i shrink the banner down the logo goes in behind the slider.
     
  5. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi,

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .header {
      margin: 135px 0px 38px 0px;
    }
    Thanks,
    Praveen
     
  6. colinmitchell

    colinmitchell New Member

    Joined:
    Mar 3, 2014
    Messages:
    9
    Likes Received:
    1
    thank you Praveen, however this did not work. I tried it a few different ways and the logo image always ended up under neither the slider image.
     
  7. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Greetings from InkThemes,

    You can resolve it yourself, All you have to do is just go to Dashboard->Appearance->Theme Options->Styling Option->Custom CSS

    field and try to cut paste the given below CSS code there.

    Code:
    .header {
      margin: 141px 0px 49px -1px;
    } 
     
    .header .menu_wrapper {
      margin-right: 10px;
      margin-top: -52px;
    }
    Hope this will resolve your issue.

    Do let me know if you need more assistance,

    I would be glad to assist you further,
     

Share This Page