Hello,
First post here in the Shopify Community. Thanks for any help you can send my way, I’d really appreciate it.
I have 2 Venture Theme blog related questions:
- when you click on a blog post to read on my site, the actual article is in one narrow column to the left. How can I get this to fill the screen to make it easier to read?
https://uppermountainllc.com/blogs/news-products-stories/paracord-pulleys
- I have the blog previews at the bottom of my home page https://uppermountainllc.com. I don’t care for the way the images are “smushed” together. Can these be easily separated in some way?
Hello @UpperMountain
For your squashed problem, add the following code to your theme.scss.css code:
.grid__item.small--one-whole.medium-up--one-third {
padding: 15px;
}
As for the block not taking full width, it seems to be coded to be 1/3 width
That fixed my “smushed” problem perfectly:
.. Thank you!
Would you mind directing me to the main article block code to change it from 1/3 to full width?
i.e. https://uppermountainllc.com/blogs/news-products-stories/h2optix-sunglasses
This has to be in the page code itself for the block. Can you go into the Article, click on the “</>” button and paste the code here so we can check?
This is from blog.liquid, is that what you meant?
{% paginate blog.articles by 5 %}
#
{% if current_tags %}
{{ current_tags.first }}
{% else %}
{{ blog.title }}
{% endif %}
{% include 'icon-rss' %}
RSS
{% for article in blog.articles %}
{% if article.tags.size > 0 %}
{% for tag in article.tags %}
**{{ tag }}**{% if forloop.last %} - {% else %}, {% endif %}
{% endfor %}
{% endif %}
{{ article.published_at | time_tag: format: 'date' }}
## {{ article.title }}
{% if article.image %}
{% assign img_url = article.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}
{% endif %}
{% if article.excerpt.size > 0 %}
{{ article.excerpt }}
{% else %}
{{ article.content | strip_html | truncatewords: 100 }}
{% endif %}
**{{ 'blogs.article.read_more' | t }}**
{% endfor %}
{% if blog.all_tags.size > 0 %}
###### {{ 'blogs.article.tags' | t }}
- {{ 'blogs.article.all_tags' | t }}
{% for tag in blog.all_tags %}
{% if current_tags contains tag %}
- {{ tag }}
{% else %}
- {{ tag | link_to_tag: tag }}
{% endif %}
{% endfor %}
{% endif %}
{% section 'featured-products-subsection' %}
{% if paginate.pages > 1 %}
{{ paginate | default_pagination | replace: '« Previous', '←' | replace: 'Next »', '→' }}
{% endif %}
{% endpaginate %}
I actually meant the code of the post itself that you can find inside “Online Store” → “Blogs”
Wow, I’ve never noticed that or done that before thanks, I think these are it:
(deleted)
This seems to be the code to your Sunglasses collection, not your actual Blog post as it seems. Can we request collaborator access and check this on our end?
Sure, thank you.
Please let me know if I need to do something on my end for the collaboration, regards.
Hi @UpperMountain
Invite sent, we’ll have a look shortly after you approve it.
Hi @UpperMountain
All Good now, have a look!
Cheers
@JHKCreate That is exactly what I was looking for thank you so much!
