ESSENTIAL THEME - How to put a banner

ESSENTIAL THEME - How to put a banner

by Enrique Serra Zamora -
Number of replies: 5

Hello

I want to put a banner in the header like in this page:

 

http://pucemoodle.puce.edu.ec/

 

but I got this:

 

 

What do I have to do?

 

Thanks in advance

Average of ratings: -
In reply to Enrique Serra Zamora

Re: ESSENTIAL THEME - How to put a banner

by Enrique Serra Zamora -

Please, help me

In reply to Enrique Serra Zamora

Re: ESSENTIAL THEME - How to put a banner

by Julian Ridden -

To do the banner they did two things.

1. Uploaded the banner as their logo in the theme settings

2. Changed the width and height of the logo by adding the following to the custom css box in theme settings

a.logo {
repeat 0 0;
height: 194px;
width: 1300px;
}

In reply to Julian Ridden

Re: ESSENTIAL THEME - How to put a banner

by Enrique Serra Zamora -

Thank you

I have a new question,

 

What happen if the screen resolution is 1024 pixels?

 

Is there a way to autosize it?

In reply to Enrique Serra Zamora

Re: ESSENTIAL THEME - How to put a banner

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Yes you need to Change the width and also hide any overflow ...

width: 100%;

overflow: hidden;

In reply to Mary Evans

Re: ESSENTIAL THEME - How to put a banner

by Cynthia Hudson-Vitale -

Hello!  We are running Moodle 2.6 and I just upgraded to the newest version of Essential.  I was successful in enlarging the banner with the custom css in the previous version.  But when I upgraded, my logo shrank back down to a small size.  I'm wondering if the css field for modifying the logo is still a.logo or if anyone has thoughts on how I could fix it.  

Many thanks,

Cynthia