Modifying the sideamo theme

ralphshinevar · 22 janv.

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.

bazooka07 · 22 janv.

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

bazooka07 · 22 janv.

In your post use html entities for < and > characters

ralphshinevar · 23 janv.

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-nomade · 23 janv.

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 */
    }

ralphshinevar · 23 janv.

Hey gcyrillus & bazooka07,

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

ralphshinevar
[RESOLVED]

Modifying the sideamo theme

Réponses