Change background color frontcontentarea Essential

Change background color frontcontentarea Essential

{$a->নাম} - {$a->তারিখ} দ্বারা
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'. হাসি

Here's a screenshot indicating the area I mean.

screenshot manage appearance frontpage

রেটিং এর গড়: -
In reply to Esther .

Re: Change background color frontcontentarea Essential

{$a->নাম} - {$a->তারিখ} দ্বারা

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; =>     

রেটিং এর গড়: -
In reply to Mary Evans

Re: Change background color frontcontentarea Essential

{$a->নাম} - {$a->তারিখ} দ্বারা

Thank you, thank you - that did the trick!

Is it also possible (read: how do I do this চোখ টিপ) 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

রেটিং এর গড়: -
In reply to Esther .

Re: Change background color frontcontentarea Essential

{$a->নাম} - {$a->তারিখ} দ্বারা

Try...

.bor { display: none; }

or

.bor { visibility: hidden;}

রেটিং এর গড়: -
In reply to Mary Evans

Re: Change background color frontcontentarea Essential

{$a->নাম} - {$a->তারিখ} দ্বারা

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!

রেটিং এর গড়: -
In reply to Esther .

Re: Change background color frontcontentarea Essential

{$a->নাম} - {$a->তারিখ} দ্বারা

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

রেটিং এর গড়: -
In reply to Mary Evans

Re: Change background color frontcontentarea Essential

{$a->নাম} - {$a->তারিখ} দ্বারা

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

And your greetings in Dutch. হ্যাঁ A nice day to you too.

রেটিং এর গড়: -
In reply to Esther .

Re: Change background color frontcontentarea Essential

{$a->নাম} - {$a->তারিখ} দ্বারা

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

রেটিং এর গড়: -
In reply to Mary Evans

Re: Change background color frontcontentarea Essential

{$a->নাম} - {$a->তারিখ} দ্বারা

English is not a problem my dear. চোখ টিপ

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.

রেটিং এর গড়: -