Styling code terug naar blog button in Shopify
Je kunt de code het beste invoegen vlak boven regel 84, omdat de bestaande code .article-template__link .icon-wrap alleen de icon-wrap aanstuurt en niet de volledige linkstijl.
📍 Hoe aan te passen?
Ga naar het bestand section-blog-post.css
✅ Voeg deze code toe direct boven regel 84:
.article-template__link {
font-size: 1.8rem;
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: #147A8E; /* Turquoise */
font-weight: bold;
padding: 10px 20px;
border: 2px solid #147A8E;
border-radius: 8px;
transition: all 0.3s ease;
}
.article-template__link:hover {
background-color: #147A8E;
color: white;
}
📌 Waarom boven regel 84?
De code in regel 84 t/m 88 regelt alleen het icoon binnen de knop.
De hoofdstyling van .article-template__link ontbreekt → deze moet ervoor staan.
🚀 Sla op en test nu de knop! 😃
