We are using Moodle 3.0.5 and Elegance 3.1. We wanted to Customize the CSS - such as the Courses Page - to use buttons to make it more user friendly and to change the Course overview wording. Is this possible?
The wording can be changed by going to the Language Customisation setting in Site Admin
As for making things appear as buttons, if they are not buttons already, then the look of a button is simply created by css, so find a button that looks the way you want it and copy that css into the selector for the item you want to make look like a button. Bear in mind there may be several classes involved to identify all the css, also bear in mind that if you change any css affecting buttons themselves later on, that wont change these items.
Another (better?) way of doing it would be to override the renderer for the object you want to change and make those items buttons actually in the code, but you did say you wanted to achieve this specifically through css.
Richard
The css can be changed from the theme settings whereas overriding a renderer involves hacking the actual code which will have to be redone on every upgrade. While it might be a "better" solution, if you can keep within the settings, it will be easier moving forward. Totally depends on your coding skills!
I have a problem which could be related to the CSS and the Theme, as when turning the "editing on" within a moodle course, the move activity icon and the edit icon are on top of each other, as the edit is on top it allows to edit but does not allow to move the activity.
for a temporary fix, Im forcing the theme to change to "clean" then move the activity to where it should be located then put it back to elegance theme.
is there a Custom css fix to this, or should i amend a file at the back-end to make it appear properly.
Which version of Elegance are you using? I never saw this issue with the newer releases...
Im using the latest version of Elegance (3.1.0 (2016081500)) on moodle 3.1.1+
example:
