nw7063

#1. You mean blog list page? Add this to Design > Custom CSS
/* blog list page */ body[class*="collection-type-blog"].view-list { header#header a { color: white; } header#header svg { stroke: white; } header#header span { color: white; } } #2. Add to Design > Custom CSS
/* Individual posts blog header */ /* view-item is individual posts */ /* view-list is blog list */ /* donot use view-item or view-list mean blog list + individual */ body[class*="collection-type-blog"].view-item header#header { background-color: #f79eaf !important; }  

Site URL: https://www.soulfruit.co.uk/blog
Can anyone help with my blog page?
1. The title of each blog post to be the same font as my custom font - lazy dog.
2. The header of the blog page to be the same colour as the individual product pages (currently it's transparent and you can't see the logo.
Thank you so much,

Thank you - Please can the menu items and the facebook / instagram etc all be in white too - like the other pages?
Also it still doesn't quite work when you click on the blog article - the header bar disappears and only appears when you scroll down. How can we change so it's like this page: https://www.soulfruit.co.uk/shop-dried-dragon-fruit/p/dragon-fruit-chips-1
Thank you!

Hi. Each page will need a different code. If you still want, I will give the code for a page & give a quick guide to you apply on other pages

Is it what you intend to implement?

You can try adding to Home > Design > Custom Css
@media only screen and (max-width: 767px) { section[data-section-id="607e7dea4ff0a43308d8722f"] img { height: auto !important; } section[data-section-id="607e7dea4ff0a43308d8722f"] .content-wrapper { display: none; } } Let me know how it works on your site
Kindly describe more detail about your next point of adding more space for logo. Can you share a screenshot of what you intend to?

Is it the result you want to achieve?
 

Due to the limited space for heading of banner in mobile, can we just hide it?

1. Still can't access. Can you add 0$ product & share link?
2. I see fine here. Try clearing your browser cache

Add to Design > Custom CSS
/* nav one line */ .header-nav-list { flex-wrap: nowrap; } .header-nav-list * { font-size: 20px; } /* Login text to icon .user-accounts-text-link span { color: transparent; } .user-accounts-text-link { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptNy43NTMgMTguMzA1Yy0uMjYxLS41ODYtLjc4OS0uOTkxLTEuODcxLTEuMjQxLTIuMjkzLS41MjktNC40MjgtLjk5My0zLjM5My0yLjk0NSAzLjE0NS01Ljk0Mi44MzMtOS4xMTktMi40ODktOS4xMTktMy4zODggMC01LjY0NCAzLjI5OS0yLjQ4OSA5LjExOSAxLjA2NiAxLjk2NC0xLjE0OCAyLjQyNy0zLjM5MyAyLjk0NS0xLjA4NC4yNS0xLjYwOC42NTgtMS44NjcgMS4yNDYtMS40MDUtMS43MjMtMi4yNTEtMy45MTktMi4yNTEtNi4zMSAwLTUuNTE0IDQuNDg2LTEwIDEwLTEwczEwIDQuNDg2IDEwIDEwYzAgMi4zODktLjg0NSA0LjU4My0yLjI0NyA2LjMwNXoiLz48L3N2Zz4=); background-size: contain; background-repeat: no-repeat; background-position: right; filter: invert(1); } /* Cart page font */ div#sqs-cart-root * { font-family: 'orpheus-pro' !important; } /* markdown faq font size */ div#block-yui_3_17_2_1_1619440396050_4415 h3 { font-size: 18px; }  

Q8. Q7. Q6. Add to Design > Custom CSS
/* Continue shopping color */ [data-test="continue-shopping-link"] { color: rgb(349, 86, 59); } /* Login */ .user-accounts-text-link span { color: rgb(349, 86, 59); font-family: 'orpheus-pro' !important; } /* product detail */ body.collection-type-products.view-item .header-nav-list * { color: white !important; } body.collection-type-products.view-item span.unauth { color: white; } body.collection-type-products.view-item .header-actions-action * { fill: white; stroke: white; color: white; }