Paramétrer read more (Créer un compte)

Accueil › Forums › Thèmes › Paramétrer read more
  • WordPress :4.6.1
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 27)
1 2
  • Auteur
    Messages
  • 18 novembre 2016 à 11 h 27 min #1604950
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7
    • Thème utilisé : Nisarg
    • Extensions en place :
    • Nom de l’hébergeur : localhost
    • Adresse du site :

    Problème(s) rencontré(s) :

    Bonjour,

    Je cherche à paramétrer le bouton balise more, pour créer un cadre plus visible (coloré éventuellement) avant le survol avec la souris
    Est ce possible et simple ?

    Existe t’il une extension pour le faire ?

    Merci

     

     

     

    18 novembre 2016 à 11 h 59 min #1604954
    momofr@free.fr
    Modérateur
    Maître WordPress
    7660 contributions

    Salut, si tu as une espace Custom CSS il faut ajouter cette règle CSS :

    .read-more .btn-default {
    	border: 1px solid #009688;
    }

    Couleur à déterminer selon ton choix…

    18 novembre 2016 à 12 h 02 min #1604956
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Merci Momo, mais je suis débutant en WP
    peux tu m’expliquer ce qu’est un espace Custom CSS ?

    Slts

     

    2 février 2017 à 13 h 53 min #1618030
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Bonjour Momo

    Je reviens sur cet échange,
    Custom CSS,
    Est ce que le CSS additionnel que j’ai avec NISARG convient pour faire cela ?

    Merci pour ton retour

    Cordt

     

    2 février 2017 à 14 h 27 min #1618039
    momofr@free.fr
    Modérateur
    Maître WordPress
    7660 contributions

    Salut, oui je pense que c’est ça. Avec WP 4.7 on trouve normalement une zone CSS personnalisées dans le Customiser.

    2 février 2017 à 14 h 32 min #1618040
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Où est ce « customiser » ?

    2 février 2017 à 14 h 49 min #1618043
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    <h3>Serait ce ceci ?</h3>
    <h3><span class= »customize-action »>Personnalisation </span> CSS additionnel</h3>

    2 février 2017 à 14 h 51 min #1618044
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    <h3><span class= »customize-action »>Serait ce Ceci ?</span>

    Personnalisation CSS Additionnel ?</h3>

    2 février 2017 à 15 h 38 min #1618053
    momofr@free.fr
    Modérateur
    Maître WordPress
    7660 contributions

    Le Customizer c’est la section Personnaliser du menu Apparence…

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    2 février 2017 à 15 h 46 min #1618057
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Merci Momo, c’est parfait , désormais on voit un cadre qui entoure le bouton lire la suite, et oui je comprends que je peux changer la couleur si nécessaire.
    Dans le contexte de ce bouton, peut on éventuellement grossir légèrement le cadre ?

    2 février 2017 à 16 h 02 min #1618061
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Pourrait on obtenir ce type de bouton ?

    Dans l’exemple c’est avec JOOMLA mais sans doute possible avec WordPress

    Merci

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    2 février 2017 à 16 h 18 min #1618065
    momofr@free.fr
    Modérateur
    Maître WordPress
    7660 contributions

    Tout est possible avec les CSS, voilà des codes à personnaliser selon ce que tu veux, je vois que par défaut le bouton et centré, tu peux le mettre à droite ou à gauche avec la ligne « float:right » (ou left à gauche), cette ligne est donc optionnelle, si tu veux rester centré enlève-là :

    .read-more .btn-default {
    	border: 1px solid #666;
    	border-radius: 5px;
    	background-color:#edeee8;
    	padding: 5x 10px;      /* marges internes du bouton */
    	margin: 5x 0px;      /* marges externes du bouton */
    	float: right;  /* option pour bouton à droite - left à gauche */
    }

    .read-more:hover .btn-default {
    	border: 1px solid #000;
    	background-color:#666;
    }

    2 février 2017 à 16 h 19 min #1618066
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Précision : sur l’exemple l’apparence est visible de suite tandis qu’avec WP Nisarg, la couleur n’apparait qu’au survol avec une inversion du texte « lire la suite » qui devient blanc au lieu de noir.
    Avant on voit seulement le texte lire la suite » entouré du cadre.

    Ma question est de savoir si on peut obtenir avant le survol de ma souris le bouton avec un remplissage.

    Merci

    Cordt

    2 février 2017 à 16 h 46 min #1618081
    momofr@free.fr
    Modérateur
    Maître WordPress
    7660 contributions

    Ben le code que je viens de te donner fait ça…

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    2 février 2017 à 17 h 12 min #1618089
    SEB92400
    Participant
    Chevalier WordPress
    311 contributions

    Super  Momo,

    tout est parfait désormais

    Merci pour ton aide précieuse

    Bonne soirée

  • Auteur
    Messages
15 sujets de 1 à 15 (sur un total de 27)
1 2
  • Vous devez être connecté pour répondre à ce sujet.