adjusting line height of rss content (inside widgets)

• 

  gotmaester · Member · Jul 17, 2017 at 7:46 pm

  • Copy link
  • Add topic to favorites

  I added the following code to my CSS and want to know what it all changes. It appears to change the line height of RSS widgets, which is what I want it to do.

  Does this change or apply to anything else?

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

• 

  garysixtyeight · Member · Jul 17, 2017 at 7:50 pm

  • Copy link

  I added the following code to my CSS

  Hi @dnnlldd,

  Can you post the CSS you’re referring to?

  There’s none in your opening post.

  Thanks :)

• 

  gotmaester · Member · Jul 17, 2017 at 7:51 pm

  • Copy link

  oops, i forgot

  #content {
  line-height: 1.3;
  }

• 

  gotmaester · Member · Jul 17, 2017 at 8:04 pm

  • Copy link

  i did some more testing and it effects everything, not just the RSS widgets.

  I don’t want it to effect main text like on page

  https://game-of-thrones-episodes.com/2016/06/26/death-of-tommen/

  Can you write too separate lines of code,

  1. one for changing only the line height in all RSS widgets,

  2. the other for changing the line height in all widgets.

  Thanks

• 

  garysixtyeight · Member · Jul 17, 2017 at 8:14 pm

  • Copy link

  For rss widgets, please try using the css below.

  I’ve deliberately set the line-height to something high so we can see if it works. That value can be changed to whatever you prefer:

  .widget_rss {
      line-height: 1.8;
  }

  2. the other for changing the line height in all widgets

  A general rule for all widgets would be something like:

  .widget {
      line-height: 1.8;
  }

  However, that will not work if there are more specific css rules being applied to widgets.

  If there are specific widgets that do not have the line height you want, please list the type of widget it is you’d like to change, and where those widgets can be found on the site.

  Thanks :)

• 

  gotmaester · Member · Jul 17, 2017 at 8:26 pm

  • Copy link

  perfect! Thanks, right now I will put both in my CSS for 1.3. (But I reversed the order so that the global setting is applied first, then specific (rss) setting after that. Later I will either adjust the .widget (global setting) to a different value.

• 

  garysixtyeight · Member · Jul 17, 2017 at 8:27 pm

  • Copy link

  You’re welcome :)

• 

  gotmaester · Member · Jul 17, 2017 at 8:32 pm

  • Copy link

  Hey, Gary…

  Does

  .title-header {
  }

  effect only the home page or other pages, too? I want to change the title of my home static page to white. Notice the little mark above the red date in the center of page. That is what I am using now. If I don’t put something in the pages title field, the container collapses, and everything is moved up the page.

  Maybe, if I knew what I was doing, I wouldn’t have to use so much duck tape!!!!!!!

• 

  garysixtyeight · Member · Jul 17, 2017 at 8:43 pm

  • Copy link

  .title-header will target that class on all pages it appears, not just the front page.

  If you only wanted to target it on the home page, the selectors would be:

  .home .title-header {css here}

• 

  gotmaester · Member · Jul 17, 2017 at 8:43 pm

  • Copy link

  i just did some testing, that title-header code above changes title on all pages.

  I just was the front page, i guess I can apply the page ID and put it before it, right?

• 

  gotmaester · Member · Jul 17, 2017 at 8:44 pm

  • Copy link

  LOL, we posted at the same time.

  I like that selector. Lot simpler than using the page ID.

  Thanks!

• 

  garysixtyeight · Member · Jul 17, 2017 at 8:45 pm

  • Copy link

  You’re welcome :)