Trying to apply styling using _extend.less

[perryworld]

Hi,

We are new to using Magento and have come upon a problem trying to apply styling to our temporary site at https://southernrecords.co.uk

We have set up the file structure  

In the _extend.less file we added the following

main#maincontent.page-main { padding : 0px; max-width:1580px}

After searching on Google we found we should delete the compiled files in the pub/static folder and cleared the var/view_preprocessed folder so we did this

After clearing the cache on the server we then went into cache management and ran all the cache management functions

The styling still hadn't been applied to the site

Any help would really be appreciated

Thanks

Rich 

[perryworld]

Not sure why the image didn't display but the file structure is as follows

public_html > app > design > frontend > southern > southernrecords > web > css > source >

_extend.less

Thanks

Rich

[perryworld]

Hi

Thanks for your reply.

We have already setup that file structure and we have the file _extend.less there which contains one css statement : 

main#maincontent.page-main { padding : 0px !important; max-width:1580px !important;}

This should expand the image to be full width - but it doesn't seem to be applied

We are not doing anything with buttons so assume we don't need the _buttons_extend.less file

The issue is it doesn't appear to include the code in _extend.less in the styling

Any further help would really be appreciated

Thanks

Rich