[dfwrgjeff]

On the website http://1sourceapartments.com/ – I would like to reduce the spacing on some of the sections and I am still having issues

Title – I had to put padding in the title to make it line up with the logo. When I view it on a responsive then there is too much space between the logo and the title. Can I adjust the spacing for standard view only and on responsive leave it no spacing?

There is too much space between the menu and the logo above it – where do I edit the padding above the menus?

There is too much spacing between the headline section and the body also.

I do have access to the style.css and would prefer to edit it there than to add it into the custom css

[Sakin]

@dfwrgjeff: Look like you have directly changed the css in style.css of theme. You shouldn’t edit/add any files inside catch-kathmandu-pro theme directly as all these edits will be reverted back to original when you update the theme. So, to edit CSS, you can either add it in “Appearance => Theme Options => Custom CSS” box or build child theme and add in your child theme style.css. For child theme you can refer to http://catchthemes.com/blog/create-child-theme-wordpress/. So, remove your css changes.

For any css, just for desktop only, you need to add inside this media screen. So, your padding top for title, should be as below:

@media screen and (min-width: 961px) {	
    #site-title {
        padding-top: 40px;
    }
}

I see following css in “Appearnace => Theme Options => Custom CSS” box:
#hgroup-wrap { padding-bottom: 20px; }
Replace that with the following:
#hgroup-wrap { padding-bottom: 0; }

Note: if you like to edit style.css then it shouldn’t be in parent theme, it should be in child theme.

[Author]

Posts