1

I'm trying to change the size of the logo in beez3 on this website: https://jurahaus-verein.de/ to a smaller logo but so far didn't succeed with either of the following: - saving it in a smaller size and uploading it - changing the minimum size in personal.css as follows:

.logoheader {
background: url(../images/personal/personal2.png) no-repeat right
    bottom #0C1A3E;
color: #FFFFFF;
min-height: 175px;}

(deleting cookies and cash also didn't work). Is there any hint, how to make the logo smaller?

  • Are you referring to the actual logo or the banner? – Lodder Jul 20 '18 at 20:06
  • The actual logo. The answer from user3774771 does exactly what I wanted. – nmy2015 Jul 20 '18 at 20:20
1

You trying to change not logotype, but head background image (houses, road etc.) Your logo is

<img src="/images/logo_mit_Anschrift_Rotkreuzgassetransp_kulturerbe.png" alt="">

and it styling in position.css file (class - #logo img on line 283). Add width to style to change the size of logo (do not forget the height: auto).

  • Thanks, this did the trick. Also thanks for the hint with the header size. That all helps a lot! – nmy2015 Jul 20 '18 at 20:19
1

Try css background-size (docs)

You can set it to something like background-size:cover; to have it size automatically.

or a percentage of the image size: background-size:80%;

or a set pixel width: background-size:600px;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.