Boost Theme logo help pls

Re: Boost Theme logo help pls

by Mary Evans -
Number of replies: 2
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Ah...my mistake I forgot to add

#page-site-index

infront of .navbar-light .navbar-brand so that the CSS would look like this:

#page-site-index .navbar-light .navbar-brand {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-right: 2rem;
    color: transparent;
    background: none;
    background-image: url( full url to the small logo);
    background-position: left top;
    background-repeat: no-repeat;
    width: 129px;
    height: 70px;
    background-size: 50%;
}

That way it would only show up on the frontpage.

Well at least it is working!!!

Many thanks, it was a pleasure...which I hope will help others overcome the same problem.

Cheers

Cheers

Mary

Average of ratings: Useful (1)
In reply to Mary Evans

Re: Boost Theme logo help pls

by Aaron Johnson -

Hi Mary,

I have been using your code to display my small logo and not the site name in the nav bar. It worked well in Moodle 3.2, but we just updated to 3.5 (Build: 20180517, Boost 2018051400) and it doesn't work any more. I'm back to the situation where the site name shows up to the right of the logo, for example on the Dashboard (attached).

That is how it looks on every page except the Site home page, which looks correct.

Here's the SCSS code I've been using:

.sitelink {visibility: hidden}
.site-name {display: none}
#page-site-index .navbar-light .navbar-brand {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-right: 3rem;
    margin-left: 1rem;
    color: transparent;
    background: none;
    background-image: url(the correct link);
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 116px;
    height: 39px;
    background-size: 100%;
}

Any ideas on how to fix this?

Thanks,
Aaron

Attachment Dashboard.PNG
Average of ratings: -
In reply to Aaron Johnson

Re: Boost Theme logo help pls

by Aaron Johnson -

Nevermind. I realized this was the opposite of the problem I was having before, so I deleted the "#page-site-index" tag and then had to add "#page-wrapper .logo img {display:none;}" at the end because I had two logos everywhere. (But this removed the large logo from the Site home page so I had to add "#page-site-index .logo img {display: unset}".)

Am I way overdoing this now? It seems like I'm adding the logo, taking it away, and then putting it back again, but if I remove all the code, then it is incorrect. It seems like the real problem now is that the command ".site-name {display: none}" doesn't seem to be working. Any ideas?

Thanks,
Aaron

Average of ratings: -