Hi
I am using moodle 3.1 and Adaptable Theme 1.3. Since I updated Adaptable theme I don't seem to be able to change the background color of the front page info boxes. It uses the general back ground colour but before I could set its own colour.
Has this been deprecated?
Thanks
Teresa
No, all the colours and styles must be created using HTML/CSS
Could you post the code ?
Hi
I go to
Site administration >Appearance> Themes> Adaptable> Marketing Blocks
After I write my html. It looks ok in the box when I switch from the html editor to the normal editor.
<p style="color: white; background-color: red;"> Some text here </p>
I was trying to set a background color for this box since it seems it is not available in the version of Adaptable. I would appreciate any help.
ThanksTeresa
Open the README.md file included with Adaptable for samples of code to insert in the Info Box or Marketing Blocks.
The code posted only displays a text with background colour and text
I know it does that, but when I save it and go to the home page there is not backgroung color or color text changes.
So my problem is that it is ignoring the html I am adding there. I have read the file and I think I am dong everything right, I can't see any difference.
If you are using Atto to enter the code and you have some error in the code then Atto will strip the tags or will add quotes elsewhere.
Use only TinyMCE as a HTML editor. NEVER use Atto
Hi Fernando
Ok, I was using Atto. I have changed it but that didn't solve my issue. I have used the same html code for the First Info box and the second one. The code works for the second box but no for the first one so I think something in the theme may be overwriting it, what do you think?
You can check in here that they are both using the same code:
Thanks in advance
Teresa
The Info Boxes are exactly the same that the marketing blocks. There are no restrictions in the code except the same moodle restrictions can apply.
The reason of most of the sites using Adaptable is the marketing blocks and info boxes. So they are working well and you can enter any content even forms or Google Maps.
I suspect you have some wrong moodle setting or the code is not correct.
Try this:
<div style="text-align:center; background: #fff000; height: 240px; padding: 7px;">
<h3 style="color: #000000;">Title</h3>
<div style="color: #000000; text-align:center;" >Add your text here.</div>
</div>
Open Atto, copy & paste the code in the code editor (not the WYSIWYG) and save. The infobox or the block should display a yellow background with black text.
If it is not working, then open the editor, change to code view, take a screenshot and post it here.
I try to follow your directions but it doesn't works
This is the result.
In the attachments box, the code view screenshot
Hi,
Looks like you are using the Default Text Editor which is called ATTO. The Editor that we recommend is called TinyMCE so if you go to your Profile > Preferences > Editor - this gives you an option to choose TinyMCE. After choosing save and return to your Marketing spots and alter the HTML and then save.
This should clear up the problem you have been having.
Hope this helps?
Cheers
Mary
Hi Mary
Thanks for your answer. Doing that didn't help unfortunatelly. It seems that there may be something on the theme removing that code.
I did what you said by going to Administration > Site administration > Plugins > Text editors > Manage editors. I selected the other editor TinyMCE. I saved the changes and went back to Themes> Adaptable> Marketing blocks. I could see that the editor looks different.
I added my code
I also went to Site administration>Appearance> Themes> Theme selector and click on Clear Theme CacheI went back to my home page but the changes are still not displaying. When I inspect the code it is not appearing at all.
Do you have any other idea of what may have been happening?
Thanks in advance
Teresa
Hi,
sorry for my english, but I've got the same problem with the Info block above Marketing Blocks. Info Block below works well.
I'm using only TinyMCE Editor.
Two weeks ago, on my test site, it worked well, but now on site online it doesn't work.
Could it be a problem with the version of theme? Now I'm using 1.3 on Moodle 3.1.
Thanks in advance
Riccardo
No issues found in the info boxes. Verify the HTML code and the CSS styles especially the syntax.
Thanks.
This is the code:
<h3 style="text-align: center; background-color: #ec7125; padding: 15px; color: #fff;">Benvenuti nella piattaforma didattica del Liceo Messedaglia</h3>
<div style="text-align: center; background: #f0f0f0;">
<h3 style="text-align: center;">Add your text here</h3>
</div>
In the attachment box there is the result with no style.
This is what I get:
There are two boxes because you have the first h3 outside the container, so this is the expected result.
In this case, I'm using Atto for other tasks so it works with Atto and I'm sure with TinyMCE as well..
Previous post was using moodle 3.2. Now moodle 3.1:
The font used in this site is different of 3.2 but got the same result.
This is what I want.
The code is ok, in the WYSIWYG box the result is ok too. But it isn't the same result on the home page.
Are you using infobox1 or infobox2 ?
Infobox1 have problems
infobox2 is ok.
(Edited by Helen Foster to remove quoted copy of post being replied to - original submission Friday, 30 December 2016, 12:40 PM)
We found a type in the code that could break the HTML rendering.
It is already fixed and I attach it to this post.
Just download the file and copy it in /theme/adaptable/layout directory.
Do not pull or download the theme from our repo because is only for testing sites not production.
Thanks to both for reporting and help to find the issue.
Ok, the issue is solved.
Thanks Teresa and Fernando.
Have a Happy 2017.
Riccardo
Hello,
Thank you very much for making time to make this wonderful theme.
You guys have made everyone's life simpler!
I was using moodle 2.8 and recently updated to verion 2.9.9. When I did this, I had this same problem with Adaptable Theme. My Frontpage Info Box and Frontpage Secondary Info Box are now transparent and have no background color
Best regards,
Joao Costa
