WBCE CMS Forum

luc1949

Member

Header problem in Andreas00

Hello,
I have an issue with the header in the Andreas00 template.

When I replace the standard template image with a logo image, the website title and description appear
on top which is very ugly.

How can I make the image overide the text without removing the text itself as it is necessary on some browsers.

I have heard of header text image replacement but I do not know how to implement it.

Thank you and best regards

florian

Administrator

Re: Header problem in Andreas00

Find in /templates/andreas00b/andreas00.css lines 44f

#header h1 a,#header h1 a:hover {
padding:0;
}

#header p {
font-size:2.1em;
letter-spacing:-0px;
margin:0 0 5px 15px;
padding:0 0 0 3px;
}

and replace them with

#header h1, #header p {
display: none;
}

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

luc1949

Member

Re: Header problem in Andreas00

Wow, works perfect!

Thank you Florian for the exceptional support and the way you and the team show real dedication to make WBCE a really great CMS.

luc1949

Member

Re: Header problem in Andreas00

Hello,
I have a new issue with the Andreas00 template when displaying on tablets and smartphones.
I am sure that this is a problems with other templates too...

The header image which displays perfectly on a pc screen is truncated on smartphones and tablets.
Only the central part of the image is displayed and it is very ugly.

I would like to replace that image by a optimized image (not so wide and maybe centered).
I assume that this line would be added in the mobile section at the end of the css file.

I can send images if needed. The site is cartogeo.ca
Can anyone help me?

Thank you and best regards

Last edited by luc1949 (26.06.2023 20:52:23)

florian

Administrator

Re: Header problem in Andreas00

In the stylesheet of the template (templates/andreas00b/andreas00.css), add to #header (around line 26)

background-size:contain

It's also possible to change the background via media queries, i.e. add

@media screen and (max-width:600px) {
  #header {
    background-image:url(img/your-smaller-image.png);
    ...more smartphone specific formats...
   }
}

But to be honest, Andreas00 ist not really fashionable any more, you'd consider using another template...

Btw, you need to update the colorbox module on the Website

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

luc1949

Member

Re: Header problem in Andreas00

Thank you very much for your quick answer Florian, I will try that solution.
And maybe you are right, I will give a try to more modern templates to see how it works out!
Thank you and best regards.

luc1949

Member

Re: Header problem in Andreas00

Hello,
Still trying to find the best template that will display well on a pc and a smartphone!

I now have an new issue with the template name showing in the header. (see link)

http://cartotheque.ca/pages/contact.php

How do I get rid of this annoying box?

Thank you

florian

Administrator

Re: Header problem in Andreas00

Remove the addon template switcher if installed.

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

luc1949

Member

Re: Header problem in Andreas00

So simple...
Thank you Florian!