cancel
Showing results for 
Search instead for 
Did you mean: 

Trying to apply styling using _extend.less

Trying to apply styling using _extend.less

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  
filestructure.png

 

In the _extend.less file we added the following

main#maincontent.page-main { padding 0pxmax-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 
 
 
 
 
2 REPLIES 2

Re: Trying to apply styling using _extend.less

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

Re: Trying to apply styling using _extend.less

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 !importantmax-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