How to disable aui.css for custom pages in Liferay 7. Is it possible to do this somehow via portal-notmal.ftl
aui.css is coming in through the unstyled theme, which typically is the basis for every theme there is. That being said, you can override it and remove it this way. It's refined in the styled theme, and also in the classic theme (in the same github repo, you'll find it).
If you do so, note that you'll still have to deal with a lot of formatting on your own - the classes and other DOM elements will be generated, but it looks like aui now includes the Lexicon CSS that you'll have to simulate if you get rid of it. Why you'd want to do so, instead of accepting the defaults and overriding what you don't like, is beyond me.
Edit, answering to your comment:
You'd simply create your own theme (Linking to 7.1 here, see below) with any overrides that you'd like to have. There's not a single file with an option, as this configuration file would be too complex and unmanageable.
Also, you sound like you've just started building your site - my recommendation would be to always go with the latest release and use 7.1 (at this time) and note that 7.2 is around the corner, Beta 3 has just been released
Related
I need to be able to link to another document on the site in the rich text editor by browsing and selecting it without manually typing in a URL to the document. Is this possible with Crafter?
I looked through the documentation about the RTE configuration plugins, and it looked like maybe the insert-component or insert-linkBrowse plugins would do it, but I made an attempt to configure them and add an item in the RTE editor controls, but it had no effect. I couldn't find any documentation specifically about those plugins, so everything I did was just a (wrong) guess.
There is nothing out-of-the-box that addresses this use-case. Options:
Build your model such that it has a repeating group of item pickers after the RTE and then followed by another RTE if need be (this means it won't be inside the RTE), which would make things more structured and arguably cleaner
Build it as a customization (it'll be a TinyMCE plugin)
Wait for the feature to be built by Crafter CMS: https://github.com/craftercms/craftercms/issues/1412
I have a slight problem here and a doubt. I have created a page which has three components added in three different placeholders. This page was created for English version. I need this page and the components to get added in German version of the page as well.
I read a few articles that illustrate the use of layout deltas and "Final layout" feature of Sitecore 8 but got a little confused over this matter.
Article1
Also, I have checked the __Renderings setting in /sitecore/templates/System/Templates/Sections/Layout and the Shared field is checked. Still the layout is not shared.
Am i missing any settings ? Do I need to every time create both versions i.e. repeat the layout steps for German versions as well ?
All suggestions welcomed.
If you are using Sitecore 8.0 and adding the component via the Experience Editor then you will need to add the components to each language variation of the Item, i.e. once for English and once for German. This is because the components are stored against the Final Layout field when added through the Experience Editor and the field is language specific.
The only option you have is to add the components to the Shared Layout manually by selecting the Presentation > Details from the tabs.
If you need to add the same components to all language variations at the same time then I suggest you upgrade to Sitecore 8.1 which will enable you to do that via Edit all versions option in the ribbon:
Edit: As of Sitecore 8.1 update-1, the Shared Layout can be edited using the "Layout Switcher" under the Presentation tab:
I can't seem to figure out how to change the menu color or add a background to the menu bar in Gantry 4 for Joomla. Tired of the gray or dark gray default.
I could change the font and selection through the .less file but not the menu itself.
The documentation on the Gantry website is too general.
Thank You in advance.
Also check: menu-light.less & menu-dark.less in the less\ directory.
The folks at RocketTheme don't recommend editing the compiled CSS (but it works great as #Adriana pointed out).
Hi Gantry framework for joomla as you probably notice uses Less to really understand how to change things on the template you first have to learn how less works even that Gantry compiles the less files for you. Less it is fantastic so it worth it. Basically you use a code to define css in a clever way much more economic and then you compile this into more efficient css files
If you change the compiled files as our friends are saying here make not sense at all because as soon you compile again (and you will) this files will be override and all your work lose.
I will give you the direction and you will see that it is not that difficult as look.
1- check the menu you had selected on your Gantry template under Templates Manager - Style - menu style.
2- on your less folder you will see a less file for each of the menu styles with the main variables
for example menu-dark.less try to make sense of the variables and the colors and change them to see what is what.
3- on the same folder you have menu.less and there is where the magic is done using the variables from the previous file. You will see that for example define first level of menu you will have something like:
&.l1 {
> li.active {
background: #menuActiveBack;
So that menuActiveBack variable will be the background value of the active li of the level 1.
4- the last part will be the menu-hovers.less that i thinks it is over complicate things because it is not a need to have a different file to do the hovers but there it is.
You can control CSS compression, Compile Wait Time and Debug Header, as well as manually clear the cache with the Clear Cache button at Extensions → Template Manager → gantry → Advanced → Less Compiler.
more info at: ganty less documentation
Hope it helps to start with....
Happy coding,
Eduardo
it took me a while maybe half an hour to go through the "menu" css file in the "css-compiled" folder.
You can find all the css to alter the background and colors of Gantry's default menu.. I'm using Gantry v4 also.
Go here:
Joomla>templates>gantry>css-compiled>menu-675c76.....
Please view my image to see my results:
http://dream2unite.com/images/misc/GANTRY-MENU-675c76.png
Use FireBug or similar to find the default CSS styling.
Create a file /templates/gantry/css/gantry-custom.css and add your own CSS to override the default CSS.
This is a better method than editing compiled or other template less or css files which can be overwritten during compilation or when the template is updated.
New to Orchard in that I just started to play around with it in the past few days. My question is about customising a theme (in this instance the Bootstrap one that can be installed from the gallery)
I tried to have a look and see if there was a non-source code way of doing it but was unable to find this way of doing it so I went spelunking through the theme folder and edited the Layout.cshtml file myself. Is this 'wrong' or is there another 'supported' way of doing it?
What I specifically wanted to do was to have the logo to the left and the menu to the right (see here for the OOB behaviour) and this was the way that I achieved it.
I'm sure if there are any updates to this theme then the customisations will be overwritten hence the question about a supported way to achieve this.
What you may want to do is look up Derived themes, you should create a new theme based off the theme you're modifying, then you can just modify the parts you want, and if the original theme needs updates or w/e you can update it without overwritting all your changes. I'm pretty sure this is the way you should be doing it.
This page should describe how that is done
http://docs.orchardproject.net/Documentation/Customizing-the-default-theme
This is how themes are customized.
Okay, this could be a stupid question but I'm kind of new to this Drupal-stuff so I have to ask it anyway :)
I'm trying to implement the FBSS-module (FaceBook Style Status). It all works just fine. I was even able to change some colors and stuff in the CSS-file.
The thing is that I want to do some changes to the template, need to add and remove some stuff. I could hide stuff with CSS, but that sounds like a crappy solution.
I tried to edit:
/sites/all/modules/facebook_status/templates/facebook-status-item.tpl.php
But it has no effect what so ever. I tried to move it to my theme-folder. Same thing.
And yes, I've cleared the cache.
Update: Is there any way to find out if the module is actually using this template-file?
first, move it back to the module page - I bet this template is used by module.
secondly, if you change templates, it might require theme registry cache reset, so
go to /admin/build/themes.
You don't have to actually switch themes.
Do you have cache enabled? while developing, it's would be helpful to do 2 things:
1) disable cache
2) go to theme settings, and turn on "rebuild theme registry on every page load" or something that sounds like this.
and to be 100% sure, if you added new template you need to:
1) clear cache
2) go to admin/build/modules (that will rescan template files, etc)
3) go to admin/build/modules (that will rescan info about theme).
in the case of editing existing template, this also can help.
I've found, and I'm not sure if this solution would suit, that I apply a different theme and then re-apply my adjusted theme and all the changes propagate. No idea why but sometimes I don't see any changes until I do this.
Like I said, this may be isolated to myself, but it's worth a try to help you hit your deadline!