Will CSS CHange Font Size and Spacing between …

• 

  slaterunsportsmen · Member · Feb 18, 2019 at 3:17 pm

  • Copy link
  • Add topic to favorites

  … between blogs listed on our ‘blog-page’?

  When I click on ‘BLOG’ on our website ( I refer to this as the ‘Home Blog page’* below) – I see a rather LARGE font used to title the blogs listed. I want to change that font size. Can you direct me to where it explains how to do this?

  I’d like to also change the spacing between each blog that shows on that ‘home’ blog page*. So I’d like to control or change the space between each title that lists the titles of each blog.

  If I can get a picture in here somehow – let me know -I have a jpg that shows these sizes and dimensions I want to see if I can control.

  Thanks
  SRS

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

• 

  slaterunsportsmen · Member · Feb 18, 2019 at 3:18 pm

  • Copy link

  whoops… let me mention we have Hemingway ReWritten and the Premium Plan.
  SRS

• 

  torres126 · Member · Feb 19, 2019 at 8:41 am

  • Copy link

  Hi there,

  Happy to help with these changes! A picture would probably be handy though because I’m a bit confused on what you’re referring to.

  I see a rather LARGE font used to title the blogs listed. I want to change that font size.

  Is that the “Winter”/”Spring” etc. titles on this page? https://slaterunsportsmen.com/home-2/blog/

  I’d like to also change the spacing between each blog that shows on that ‘home’ blog page*. So I’d like to control or change the space between each title that lists the titles of each blog.

  Is that the spacing between posts (eg. “Winter”/”Summer” etc.) on this page? https://slaterunsportsmen.com/home-2/blog/

  You can upload a photo using a service like https://prntscr.com and then post the link here so we can take a look. :)

• 

  slaterunsportsmen · Member · Feb 19, 2019 at 2:08 pm

  • Copy link

  Thanks for responding.

  Is there some way to post a picture in a response here? If there is, I’m all ears – how do I do it?.

  I must apologize as I’ve been viewing my changes on the ‘desktop’ option of view. When I look at the ‘Phone’ view…… the height of the text (Winter, Spring, etc…) – the height isn’t obnoxious.

  I went to ‘chat’ help yesterday and they eventually gave me :
  /* remove space between blog posts MS-10528083 */
  body.blog article {
  margin-bottom: 0;
  padding-bottom: 0;
  }

  Also, my son also jumped in and helped me a little. With his help we identified the element that I wanted to change – I think it was margins or border or one of the ‘box’ items that surround the text content.

  I’ve since added a few lines to this CSS – I added margin and padding top – but that didn’t really change anything. Some other element must be affecting theses areas.

  My son added:
  .entry-content {
  margin: 0;
  }
  … and this reduced the space at the bottom of the text body a bit more.

  Like you said – if I can get a pic in here, or shared, I could refer to the areas as I marked a pic up with the areas I’m dealing with.

  Oh well, I’ll keep plugging away.
  SRS

• 

  slaterunsportsmen · Member · Feb 19, 2019 at 4:20 pm

  • Copy link

  Whoops…. should have read ALL your response.

  https://prnt.sc/mn9d8r

  That should be a link to the pic.

  I mis-marked as in didn’t follow 3 with 3a but… we can talk more definitively now.

  I’d like to control all those spacings. Some are text heights I’m sure… some probably borders and some margins I bet.

  Its a matter of identifying the corresponding element I think. Then using the proper CSS to set new parameters to change the heights of any of those I think.

  I’ll mess with this over the next few days.

  SRS

• 

  slaterunsportsmen · Member · Feb 19, 2019 at 4:30 pm

  • Copy link

  This is whatI’m talking about as far as there are several things that ‘border’ a line or paragraph of text. You’re no doubt very familiar with this. Just thought I’d post the pic though.

  CSS Box Model

  SRS