x

Reduce Spacing in Weebly Elements

I am using the Urbandine theme for a client and find the spacing between elements is too much. I looked through all the global.less css, tried a few modifications, but could not find where the global padding code was stated. For example, the 'body' style reads thus;

/* Global styles */

html {
height: 100%;
}

body {
width: 100%;
height: 100%;
background: @Shade;
color: @fill;
font-family: @font1;
font-size: 16px;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

Paragraphs and headings (hr) have the following, margin only, no padding:

margin: 0 auto 30px;

The banner wrap has a padding indicator, but I take the banner is not the main body of the site.:

.container {
padding: 80px 40px;
}

Others have asked this in the past but the code has since changed since solutions were offered. Hope you can help!

885 Views
Message 1 of 2
Report
1 REPLY 1
Square

Weebly employees are not able to assist with code edits, but if you post a link to your site another user may be able to help you out. If you do edit the css/html area of your theme your site would be considered a "custom" theme. It's possible you may not be able to receive assistance from support unless you revert back to a standard Weebly theme. If you are able to add the css override to Settings>SEO>Header your site will still be a standard Weebly theme and it is much easier to troubleshoot. I.e. if you run into an issue, you can remove the code, see if the issues resolves, and the paste it back if the override was not the cause. Just something to think about when you are making these types of edits. Smiley Happy 

871 Views
Message 3 of 2
Report