---
# System prepended metadata

title: Faith Website Tasks

---

# Faith Website Tasks

1. Move banner higher
    - I did this, although now the banner floats in the middle when the top bar disappears. The only ways to not have this happen would be:
        1. Get the plugin to somehow load the banner into the same div as the top menu - not possible as this is defined by the plugin extension developer.
        2. Add some javascript to the page - because it uses javascript this implementation will almost certainly be buggy on different browsers and screen sizes. I have not looked at using custom javascript with Shopify so not sure how they do it. I’d estimate to explore doing this in a way which works universally would take me a few hours.
2. Animate “Buy it now” instead of “Add to Cart”
    - The plugin doesn’t have the option to apply it to the buy it now button, so I had a look at doing it without the plugin.
    - The app uses Javascript, but as mentioned above, getting into js here will open a can of worms. So I tried to find another way using CSS. I came across this codepen and copied out the CSS - https://codepen.io/TechyBlogger/pen/XNgYqX
    - You’ll still need to disable the previous plugin for the Add to Cart button as it’s still active.
3. Change font
    - Changing font often isn’t as easy as simply changing a line in the CSS file. Because we need to ensure that the user browsing the site has the font installed on their machine. There are some safe fonts that we can use though. This link lists the fonts that are installed pretty universally - https://websitesetup.org/web-safe-fonts-html-css/
    - I’d prefer for you to choose the font so if you can find a font here that you like please let me know and I’ll make the change for you.
4. Styling of modal when clicking “Add to Cart”
    - This is the easiest task of all them because it’s a simple CSS change, but the problem is that the modal will not appear for me on my machine - I would guess that it’s configured to only show on certain browsers.
    - If we do a call where we can see what you’re seeing, I should be able to get the classes of those elements and fix it while we’re on the call.










