nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

How to override core CSS files in Share ?

paulclinton

Hey, I'm using Alfresco Community v5.2.0. What I'm trying to do is to convert Alfresco share to RTL format. I found that certain CSS files are needed to be altered for this, which are situated in /home/paul/alfresco-community/tomcat/webapps/share/css and /home/paul/alfresco-community/tomcat/webapps/share/components. I was able to convert Share to RTL by altering these files directly, which I feel is not a good way to do.

My question is, Is it possible to override these files. So that I can create a AMP file with the CSS changes and deploy it in alfresco? Instead of me altering the core CSS files.

Find more posts tagged with

Alfresco Content Services

Comments

afaust

Using a custom theme you should be able to achieve the same thing without having to touch core files. Alternatively you can load additional CSS / JS files using Surf Extension modules, i.e. using a customization on the resources.get.html.ftl which loads most of the core CSS/JS.

paulclinton

Thank you for the reply.

I did try to go with custom theme. But what I could do there was just change the visual aspects succh as colour, I guess that only Less variables can be overridden through that. What I want to change is the direction attributes.

And Using Surf extention modules, Say that there's a file base.css which is located inside {alfresco-home}/tomcat/webapps/share/css. I want to load this file and alter i as per my needs (i.e. changing the direction tags). How would I do it ? It would be easier for me if you could give me some examples on this. So that I can refer to it and work on it