Bienvenue, Invité
Nom d'utilisateur : Mot de passe :
Whilst small files can be uploaded to forum posts, if you have a custom theme or module to contribute please add it on the "Add-ons" page.
  • Page :
  • 1

SUJET :

Problems with bacground colour in extended theme il y a 2 mois 2 semaines #1

  • Bryld
  • Portrait de Bryld Auteur du sujet
  • Hors Ligne
  • Nouveau membre
  • Nouveau membre
  • Messages : 28
Hello all,

I'm slowly dipping my toes with an attempt at customising the "Colours" theme, but I'm having some beginner's difficulties.

My current goal is to have all the whiteness in the background space coloured in a way more akin to my non-webtrees part of my web site.

I'm almost there with this CSS
body

.wt-header-wrapper,
.wt-main-wrapper,
.wt-footers,
.card-body
{
    background-color: #edeccd;
}

But, I'm having problems with my lower corners - they remain white no matter what I attempt.

Have you any suggestions on how to achieve complete yellowness?

Connexion ou Créer un compte pour participer à la conversation.

Dernière édition: par Bryld.

Problems with bacground colour in extendee theme il y a 2 mois 2 semaines #2

The background color of wt-global is still white.

You should set the background color of the .wt-global class.

Carmen
Designer of the JustLight theme and Fancy Imagebar for webtrees 2.x


Also designer of the JustBlack theme and the other Fancy modules for webtrees 1.x

Check my website at www.justcarmen.nl

Connexion ou Créer un compte pour participer à la conversation.

Problems with bacground colour in extended theme il y a 2 mois 2 semaines #3

  • Bryld
  • Portrait de Bryld Auteur du sujet
  • Hors Ligne
  • Nouveau membre
  • Nouveau membre
  • Messages : 28

The background color of wt-global is still white.

You should set the background color of the .wt-global class.


Thanks, but I already tried that, and it doesn't work either, so I removed it again.

It's very odd, but I suppose it has something to do with the footer not extending to the entire screen.

On Safari, there is also some whiteness below the footer area.

Connexion ou Créer un compte pour participer à la conversation.

Problems with bacground colour in extended theme il y a 2 mois 2 semaines #4

  • fisharebest
  • Portrait de fisharebest
  • Hors Ligne
  • Administrateur
  • Administrateur
  • Messages : 14636
> Thanks, but I already tried that, and it doesn't work either,

Use the developer tools in the browser to examine the CSS rules.

You'll see that background is actually set with

[dir] .wt-global { ... }

The [dir] part comes from the automatic mirroring tools we use to support right-to-left languages.

Since this rule is more specific than just ".wt-global", yours won't overwrite it.

So, you need a rule that is equally or more specific.

i.e. use "[dir] .wt-global {}" instead of ".wt-global {}"
Greg Roach - Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. - fisharebest.webtrees.net

Connexion ou Créer un compte pour participer à la conversation.

Problems with bacground colour in extended theme il y a 2 mois 2 semaines #5

  • Bryld
  • Portrait de Bryld Auteur du sujet
  • Hors Ligne
  • Nouveau membre
  • Nouveau membre
  • Messages : 28


Use the developer tools in the browser to examine the CSS rules.

You'll see that background is actually set with

[dir] .wt-global { ... }

The [dir] part comes from the automatic mirroring tools we use to support right-to-left languages.

Since this rule is more specific than just ".wt-global", yours won't overwrite it.

So, you need a rule that is equally or more specific.

i.e. use "[dir] .wt-global {}" instead of ".wt-global {}"


Thanks, but that doesn't work for me either, and I don't see the [dir]-part in the developer tool either.

Pièces jointes :

Connexion ou Créer un compte pour participer à la conversation.

Problems with bacground colour in extended theme il y a 2 mois 2 semaines #6

You should look in the styles panel


Carmen
Designer of the JustLight theme and Fancy Imagebar for webtrees 2.x


Also designer of the JustBlack theme and the other Fancy modules for webtrees 1.x

Check my website at www.justcarmen.nl
Pièces jointes :

Connexion ou Créer un compte pour participer à la conversation.

Dernière édition: par JustCarmen.

Problems with bacground colour in extended theme il y a 2 mois 2 semaines #7

  • Bryld
  • Portrait de Bryld Auteur du sujet
  • Hors Ligne
  • Nouveau membre
  • Nouveau membre
  • Messages : 28
Thanks, I'll bear that in mind. So, I can't override colors.min.css using this css:

body
[dir] .wt-global,
.wt-header-wrapper,
.wt-main-wrapper,
.wt-footers,
.card-body
{
    background-color: #edeccd;
}

Connexion ou Créer un compte pour participer à la conversation.

Problems with bacground colour in extended theme il y a 2 mois 2 semaines #8

This should be enough:
[dir] .wt-global,
[dir] .card-body
{
    background-color: #edeccd;
}

Tested it on my local system with the css/js module and the color theme.

Carmen
Designer of the JustLight theme and Fancy Imagebar for webtrees 2.x


Also designer of the JustBlack theme and the other Fancy modules for webtrees 1.x

Check my website at www.justcarmen.nl

Connexion ou Créer un compte pour participer à la conversation.

Dernière édition: par JustCarmen.
Avez-vous besoin d'une solution d'hébergement web pour votre site webtrees ?
Si vous préférez un hébergeur spécialisé de webtrees, la page suivante en liste quelques-uns capables de vous offrir ce type de service :

Problems with bacground colour in extended theme il y a 2 mois 2 semaines #9

  • Bryld
  • Portrait de Bryld Auteur du sujet
  • Hors Ligne
  • Nouveau membre
  • Nouveau membre
  • Messages : 28
That works beautifully!

Thanks a lot. That was a head-scratching exercise for me.

Connexion ou Créer un compte pour participer à la conversation.

  • Page :
  • 1
Propulsé par Kunena