mvorozco16

@creedon it worked! Thank very much!

Add to Design > Custom CSS
/* blog posts logo */ body[class*="type-blog"].view-item header.Header img { filter: invert(1); -webkit-filter: invert(1); }  

With for whom, use this code
/* Mobile For Whom */ @media screen and (max-width:767px) { div#page-5f5666f846724119fe4defc7 .image-block { width: 50%; margin: 0 auto; } }  

Which code did you use?

Yes. Similar, with new block id. Use this tool to find block id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

#1. Add to Design > Custom CSS
/* Mobile */ @media screen and (max-width:767px) { /* Who image */ div#block-yui_3_17_2_1_1603321005971_125413 { width: 50%; margin: 0 auto; } } #2. Edit Why, Contact page >> Add a Code Block on bottom of page >> paste this code
<style> /* Mobile logo */ a.Mobile-bar-branding img { visibility: hidden; } a.Mobile-bar-branding { background-image: url(https://cdn.pixabay.com/photo/2021/10/19/10/56/cat-6723256__340.jpg) !important; background-size: contain; background-repeat: no-repeat; background-position: center center; } </style> Replace pixabay with pink image url

Hi. Change this line
to
 

@mvorozco16 Add to Design > Custom CSS
/* Mobile logo */ a.Mobile-bar-branding img { visibility: hidden; } a.Mobile-bar-branding { background-image: url(https://static1.squarespace.com/static/5cf857e8b0f1d60001f7cc9a/t/5fa9e44bd9418b4912e75aee/1604969547037/Monogram-03.png); background-size: contain; background-repeat: no-repeat; background-position: center center; }