Hi there. I’m new to shopify and helping edit a site for someone. I am using the streamline theme and you can view a current preview here.
https://9joiqfwcbg96zn8o-55591927940.shopifypreview.com
By default the background color / text color options effects both the footer, and the featured product. I am looking to be able to leave the featured product as it currently is with white bg/black text - but invert the footer/social media buttons at the bottom so its white on black background. Same goes for the scrolling text, I would like black bg white white scrolling text over it.
Also would I be able to use CSS to make the scroll bar under featured collection black background instead of white?
Thanks for the help
Hi there,
The below code might come in handy:
.site-footer {
background: black;
}
footer .page-width .site-footer__section {
filter: invert(1);
}
.site-footer__section+.site-footer__section {
margin-top: 10px;
}
Adding the code at the end of your theme.css file should do the job.
Furthermore, if you want to remove the white space from the bottom, you can add the following:
body.template-index.loaded.js-animate {
padding-bottom: 0 !important;
}
Hope that helps!
EDIT: the code is intended for the footer, other effects/changes are doable, you might consider hiring a developer.
Cheers!
thanks Gabriel, that solved the footer issue! going to dig a little more to figure out inverting the scrolling text / if there is a way to focus on just that sidescrolling bar under the products.
Glad that I could be of help!
The below code can be a starting point for the horizontal scrolling from under the products.
.overflow-scroller::-webkit-scrollbar {
width:5px;
}
.overflow-scroller::-webkit-scrollbar-track {
background: red;
}
.overflow-scroller::-webkit-scrollbar-thumb {
background: green;
}
Cheers!
