Modifying the sideamo theme

ralphshinevarralphshinevar Member
22 janv. modifié dans Entraide

I am using the sideamo theme. The var.css file helps with changing pictures and text colors, however, how do I change the static page title style? Currently it is <h2> with underlining and a couple of blank spaces underlined as well. I am not a developer, so I just need to tweak the file that does this. Thanks.

Mots clés:

Réponses

  • bazooka07bazooka07 PluXml Lead Developer, Moderator

    Hello,
    You can use the code inspector of your navigator by hitting F12 key on your keyboard.
    After the new window is displaying, select the <h2> element in the static page to see CSS rules.
    By this way, you can see these rules in themes.css at line #531

    Accès à mon dépôt de plugins et thèmes
    installe PluXml plus vite que ton ombre avec kzInstall2

  • bazooka07bazooka07 PluXml Lead Developer, Moderator

    In your post use html entities for < and > characters

    Accès à mon dépôt de plugins et thèmes
    installe PluXml plus vite que ton ombre avec kzInstall2

  • ralphshinevarralphshinevar Member
    23 janv. modifié

    bazooka07,

    Thanks for your reply. I am not sure how to change the html headings in the theme.css file. How to remove the underline and the underlined blank spaces.

  • gcyrillus-nomadegcyrillus-nomade Member
    23 janv. modifié

    hello,

    As @bazzoka07 told you, the rules for the theme headings stands on line 531 of the file theme.css.

      :is(header, article) :is(h1 :not(a), h2, h3, h4, h5, h6), article :is(h1, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a), p.more a, li::marker {
    color: var(--lrs-b-color,black);
    width: max-content;
    max-width: 100%;
    padding-inline-end: 1.5em;
    border-bottom: solid 2px;
    text-decoration: none;
  }

    To only avoid styling H2 within the static pages, you can basicly filter them with : body:not(.mode-static) h2 and body:not(.mode-static) h2 a .
    Possible selector updates to let you restyle headings , headings link and only for the static pages

     body:not(.mode-static) :is(header, article) :is(h1 :not(a), h2, h3, h4, h5, h6),  
  body:not(.mode-static) article :is(h1, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a), 
  p.more a, 
  li::marker {
    color: var(--lrs-b-color,black);
    width: max-content;
    max-width: 100%;
    padding-inline-end: 1.5em;
    border-bottom: solid 2px;
    text-decoration: none;
  }
body.mode-static :is(header, article) :is(h1 :not(a), h2, h3, h4, h5, h6),  
body.mode-static  article :is(h1, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a)
    {
    /* your own style here */
    }


    Cordialement,
    gcyrillus , simple membre du forum et utilisateur de PluXml

    Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | Thèmes: tester et télécharger @ https://pluxthemes.com
    Indiquez [RÉSOLU] dans le titre de votre question une fois le soucis réglé, Merci

  • ralphshinevarralphshinevar Member

    Hey gcyrillus & bazooka07,

    Thank you so much. I was able to configure it to my liking. Have a great one.

    ralphshinevar
    [RESOLVED]

Connectez-vous ou Inscrivez-vous pour répondre.