Site description invisible in Resonar

• 

  krivicpero · Member · Jun 20, 2016 at 2:28 pm

  • Copy link
  • Add topic to favorites

  Hello folks,

  newcommer here. I just turned my website to Resonar theme and found out that my site description is not shown. How to make it visible again on its usual place beneath the site title?

  Cheers,

  Pero

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jun 20, 2016 at 5:49 pm

  • Copy link

  Pero, add “display: block; to your .site-description CSS rule to get the site description to show up on Resonar.

• 

  krivicpero · Member · Jun 24, 2016 at 5:43 pm

  • Copy link

  All right, it worked! Thanks!
  Do you know by any chance where can I find any other CSS selector for resonar? Element inspection is not very helpful as it doesn’t show me what selectors are available for each element. Or Im just too clumsly to find it out, which is very likely, being a noob in web development.

• 

  thesacredpath · Member · Jun 25, 2016 at 6:49 pm

  • Copy link

  Super, glad that worked.

  If you “inspect” an element, generally all CSS related to it will be on the right side of the inspect panel. The further down you scroll on that list, the less specific the CSS rules are. I typically inspect an element and then scroll through the CSS to find the rule that has what I wish to change. Sometimes, depending on what I’m wanting to change, I have to create the CSS selector to use. As an example, if I was wanting to change something on the home page only, I would need to use the “home” CSS class that is set in the opening body HTML tag to precede the CSS selector. If I were wanting to change the color of the site description/tagline on the home page only, the CSS rule would look like this.

  .home .site-description {
      color: red;
  }

  The beauty of CSS, is if it doesn’t work, or breaks something when you put it in, you can simply delete it, or change the selector. It just takes some time and a bit of playing around with things, and of course we are always here to help, so don’t be afraid to ask.

• 

  krivicpero · Member · Jun 27, 2016 at 8:29 pm

  • Copy link

  great, thanks for the answer! Now that you speaking, how do I change color of the text for any other page than “home”? I assume .”other page name” will not work, right? In my example, I’d like to change the background color at “portfolio” page

• 

  krivicpero · Member · Jun 27, 2016 at 8:54 pm

  • Copy link

  ok, found it, using the .page-id solution! thanks, cause I know you were about to help me out ! :)

• 

  thesacredpath · Member · Jun 28, 2016 at 8:23 am

  • Copy link

  Glad you found it!