Liquid, JavaScript, themes, sales channels
2nd thread of the day, thanks @JHKCreate for your help on the last one, huge help.
Ok, so I'm almost "there" with my blog setup.
I have 2 more coding issues I don't know how to solve myself:
1) When you go to my blog page (https://uppermountainllc.com/blogs/news-products-stories), the blog images are enormous. I'd like them to still be there, but just a lot smaller visually. Is there a way to reduce the image size of the "Featured Image" on this page?
The "Featured Image" literally takes up the entire page:
2) Once you click on the actual Blog Post ("read more"), I don't feel you need the "Featured Image" any longer. Is there a way I just eliminated it altogether on the actual Blog Post (https://uppermountainllc.com/blogs/news-products-stories/paracord-pulleys) once someone clicks through? Thank you.
Solved! Go to the solution
This is an accepted solution.
Happy to help!
For issue #1 add the following code to your theme.scss.css file at the end:
@media only screen and (min-width: 750px)
{
.article__photo-container {
position: relative;
width: 50%;
}
}
#shopify-section-article-content > div.content-block > div.content-block__full-image.content-block__full-image--large.small--one-whole.medium-up--one-whole > div.content-block__full-image.content-block__full-image--large > div {
display: none;
}
Let me know!
This is an accepted solution.
Perfect @UpperMountain
Add this code for the centering:
.article__photo-container {
margin: auto;
}
That should do it!
This is an accepted solution.
Happy to help!
For issue #1 add the following code to your theme.scss.css file at the end:
@media only screen and (min-width: 750px)
{
.article__photo-container {
position: relative;
width: 50%;
}
}
#shopify-section-article-content > div.content-block > div.content-block__full-image.content-block__full-image--large.small--one-whole.medium-up--one-whole > div.content-block__full-image.content-block__full-image--large > div {
display: none;
}
Let me know!
@JHKCreate thanks again, for issue #1, perfect size. Is there a way to center the image over the blog text here?
https://uppermountainllc.com/blogs/news-products-stories
..and, it looks like you've also solved issue #2 in the code! NICE, thank you.
This is an accepted solution.
Perfect @UpperMountain
Add this code for the centering:
.article__photo-container {
margin: auto;
}
That should do it!
Hey, do I put that entire listing of code?
How do I change the height of the image?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024