Shopify themes, liquid, logos, and UX
Hi,
I have added the following heading and paragraph to this section.
<div class="featured-columns-section">
<h3 class= "section-heading">{{ section.settings.heading }} </h3>
<p class= "section-description-one">{{ section.settings.description }}</p>
{% for block in section.blocks %}
<img class= "image-columns-description-one" src="{{ block.settings.image | img_url: '500x' }}">
<button class="btn-section-columns">Shop now</button>
</div>
Mow when I target those elements with CSS, all rules seem to apply perfectly except the paragraph. When I check on the inspector, is like the paragraph was outside of that class for that particular element. The website in question is https://v9cynb6aq5xcae1n-60679061724.shopifypreview.com. password: geimpe
.btn-section-columns {
font:size: 30px;
display: block;
margin: 20px auto 20px auto;
width: 20%;
padding: 15px 32px;
}
.section-heading {
color: teal;
font-size: 52px;
text-align: center;
padding-top: 40px;
}
.image-columns-description-one {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
#section-description-one {
font-size: 32px;
text-align: center;
color: white;
}
.featured-columns-section {
background-color: #caaea0;
}
Any thoughts?
Thanks in advance
Hello,
I think you missed to close the for loop
{%endfor %}
Thank you.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024