Font size on blog page: Theme Venture

Solved
Highlighted
Excursionist
31 0 5

I am trying to change the paragraph size to my blog post. How do I do this? Right now it is large text and I want it smaller to fit more on the page before having to scroll. I am also trying to correct the line spacing between paragraphs. Check it out. https://gophoenixsports.com/blogs/news/family-fun-resources

The line spacing at the top between Materials and the next line needs to be shorter. 

The line spacing between Motor Skill Development and the next text line needs to be shorter. 

The paragraph text in black needs to be smaller. 

Now this. How do I make the embedded video smaller?

0 Likes
Highlighted
Shopify Partner
591 84 127

This is an accepted solution.

Please place this code at the end of theme.scss

#shopify-section-article-content h4{
margin-bottom: 3px !important;
}
#shopify-section-article-content p{
font-size: 14px !important;
}
.rte p {
    margin: 0 0 4px;
}
.embed-container iframe {
    width: 84% !important;
    height: 84% !important;
    left: 50% !important;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Excursionist
31 0 5

That worked. How do I shorten the distance between the video and the next header?

https://gophoenixsports.com/blogs/news/family-fun-resources

0 Likes
Highlighted
Shopify Partner
591 84 127
#shopify-section-article-content .embed-container {
    padding-bottom: 27.25%;
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Excursionist
31 0 5

Where do I do this? I did it in the theme.scss.liquid and it made the whole site go blank.

0 Likes
Highlighted
Shopify Partner
591 84 127

At the end of theme.scss

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
1 Like
Highlighted
Excursionist
31 0 5

That worked, a little. It moved the text up but also cut off the bottom of the video a little. I am Venture Theme and I know that it is fluid and moves and changes to the persons screen. Wondering if there is a way to lock it?

0 Likes
Highlighted
Shopify Partner
591 84 127
#shopify-section-article-content .embed-container {
    padding-bottom: 31.25%;
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
1 Like