WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 14.10.2020 16:48:08

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

Offline

#2 14.10.2020 17:06:25

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

Nicht ärgern. Nur wundern.

Offline

#3 14.10.2020 17:13:47

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.

Offline

Liked by:

florian

#4 26.06.2023 20:42:20

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 21:52:23)

Offline

#5 27.06.2023 07:31:07

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


Nicht ärgern. Nur wundern.

Offline

#6 27.06.2023 15:48:12

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.

Offline

#7 23.07.2023 18:32:45

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

Offline

#8 23.07.2023 18:53:33

florian
Administrator

Re: Header problem in Andreas00

Remove the addon template switcher if installed.


Nicht ärgern. Nur wundern.

Offline

#9 23.07.2023 18:56:34

luc1949
Member

Re: Header problem in Andreas00

So simple...
Thank you Florian!

Offline

Board footer

up