Change background color frontcontentarea Essential

Change background color frontcontentarea Essential

by Esther . -
Number of replies: 8

Hi!

I'm using the Essential theme (the latest one, I can't find the exact version number right now) and Moodle 3.0.3.

On the Frontpage I have activated the frontcontentarea, between the slideshow and the three marketing blocks.

I would like to change the background color of that area. I haven't found an option for that in the theme. Have I overlooked this or should I change this manually?

Does anybody know which code I should use to do this? (I recognise CSS/html) and I know where I can add custom CSS, but I have no deep understanding of it. I know where the color code should go in a 'sentence'. smile

Here's a screenshot indicating the area I mean.

screenshot manage appearance frontpage

Average of ratings: -
In reply to Esther .

Re: Change background color frontcontentarea Essential

by Mary Evans -

Hi,

If you can locate Essential > Custom CSS settings page then you could try adding this...

.pagelayout-frontpage .frontpagecontent {
    background-color: #abc;
}

Where #abc; is shorthand for the HEX colour #aabbcc; =>     

Average of ratings: -
In reply to Mary Evans

Re: Change background color frontcontentarea Essential

by Esther . -

Thank you, thank you - that did the trick!

Is it also possible (read: how do I do this wink) to get rid of the three lines of little white dots on top and at the bottom? (I'm not native English so apologies for my cryptic description).

screenshot frontpage with dots

Average of ratings: -
In reply to Esther .

Re: Change background color frontcontentarea Essential

by Mary Evans -

Try...

.bor { display: none; }

or

.bor { visibility: hidden;}

Average of ratings: -
In reply to Mary Evans

Re: Change background color frontcontentarea Essential

by Esther . -

The first one was spot on!

.bor { display: none; }


Thanks again; I see you answer a lot of questions on the forum. I really appreciate your effort!

Average of ratings: -
In reply to Esther .

Re: Change background color frontcontentarea Essential

by Mary Evans -

Hi Ester,

Those were easy questions! I can, and do get stuck on harder questions sometimes! LOL

If you need more help just ask again.

Graag gedaan. Een mooie dag verder

Mary

Average of ratings: -
In reply to Mary Evans

Re: Change background color frontcontentarea Essential

by Esther . -

Yes, I know it's easy for you. But not for me, so thanks for your help.

And your greetings in Dutch. Yes A nice day to you too.

Average of ratings: -
In reply to Esther .

Re: Change background color frontcontentarea Essential

by Mary Evans -

Hi Esther,

I have just found a tutorial we used to have a link to in this forum. It may help you find out how to customise your Moodle.

Here is the link...the only problem is that it is in English, but I think you will be able to grasp the idea of what the tutorial is all about. The video explains how to get and install Firebug for the Firefox browser.

Once installed you can use the Firebug Add-On to find the element/s you want to change. Like the background colour and removing the dotted lines.

I hope you find it useful?

Mary

Average of ratings: -
In reply to Mary Evans

Re: Change background color frontcontentarea Essential

by Esther . -

English is not a problem my dear. wink

It's just that sometimes words are hard to find if you try to express something.

Thanks for the link, I'll have a look as soon as I have some more time.

Average of ratings: -