web-dev-qa-db-fra.com

Mise en forme du titre d'une diapositive dans le module Image Show GK4

J'utilise le module Image Show GK4 avec module_style en tant que gk_storefront dans Joomla 3.4.5. Pour les diapositives, j'ai choisi le type de contenu "Texte", puis j'ai ajouté une image et le titre "Driven by Excellence". Je ne vois pas un moyen d'ajouter un exposant pour le texte du titre "Driven by Excellence" ou de formater le type de police, couleur de la police.

  1. Existe-t-il une option permettant d’ajouter un exposant au titre "Driven by Excellence" ou de formater le type et la couleur de police?

  2. S'il n'y a pas moyen, y a-t-il un autre module que je peux utiliser qui ressemble à Image Show GK4

P.S. Je ne peux pas poster sur le forum d'assistance d'Image Show GK4 car j'utilise le module gratuit. Je suis chez un employeur à but non lucratif, nous ne pouvons donc pas acheter un forfait qui les aide.

Ajouts: Le style qui modifie le texte du titre "Driven by Excellence" est

.gkIsWrapper-gk_storefront figcaption {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            filter: alpha(opacity=0);
            -webkit-font-smoothing: antialiased;
            left: 50%;
            opacity: 0;
            pointer-events: none;
            position: relative;
            text-align: center;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            width: 100%;
            z-index: 1;
        }

Comment puis-je ajouter "TM" en exposant après "Driven by Excellence" this?

Je réalise le style .superscript { position: relative; top: -0.5em; font-size: 80%; } peut le faire, mais comment puis-je ajouter une classe ou un ID pour "TM"

Je ne remarque aucune option dans le module Image Show GK4 avec module_style en tant que gk_storefront dans Joomla 3.4.5

joomla-3.xfix-my-code
1
user3063785

Vous pouvez réaliser ce que vous voulez avec certains CSS, mais sans lien vers votre site, il est impossible de donner une réponse exacte.

En utilisant l'outil "Inspecter" de votre navigateur, localisez le bon élément. Le titre est probablement un <h3>, mais vous voudrez ajouter une classe ou un ID afin de modifier le titre du diaporama uniquement.

J'ai déjà utilisé le code suivant pour modifier le titre de Image Show GK4, mais vous devrez peut-être le modifier pour l'adapter à votre modèle:

.gkIsWrapper-gk_shop_and_buy .figcaption h3 {
    // Your CSS styles here
}

Ajoutez ceci à votre fichier CSS. Vous devrez peut-être ajouter !important aux styles CSS pour s’assurer qu’ils sont appliqués.

Mise à jour

Pour ajouter un symbole ™, vous pouvez utiliser des pseudo-classes:

.gkIsWrapper-gk_storefront figcaption:after {
    content: "\2122";
}

Notez que cela ajoutera un symbole ™ à tous vos titres de diapositive et pourrait ne pas être ce que vous voulez.

Vous pouvez également copier le symbole de cette réponse et le coller dans votre module. Cela devrait fonctionner correctement, et vous n'avez pas besoin d'utiliser un exposant ou quoi que ce soit car c'est un symbole approprié, pas les lettres "TM".

J'espère que cela t'aides.

1
johanpw