Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

christyprice

Circle Member
  • Content Count

    469
  • Joined

  • Last visited

  • Days Won

    4

Posts posted by christyprice


  1. You can target the images with CSS. For your home page product images, add this to Design > Custom CSS to make them circular. The collection specifies the page and then the code specifies images in the product block.

    #collection-5ef925025708dc5cb9e01f4b .product-block .image-container img {
        border-radius: 50%;
    }

    For other images, you can specify the block (I use the first plugin in this post: https://christyprice.com/squarespace-tips-tricks/chrome-extensions-squarespace-designers) and then set the border radius.


  2. On 6/5/2020 at 3:58 PM, needshelp said:

    created a nofollow link but it's not underlined

    You would need to add some code to Custom CSS to force an underline if it doesn't show up automatically:

    If you are using a Code Block use something like:

    .code-block a {
           color: #ed834a;
    	padding-bottom: .05em;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgba(237,131,74,.3);
    }

    You can change out the colors for the text and the underline to be whatever you want.

    For a Markdown Block, you can use something like this: 

    .markdown-block a {
           color: #ed834a;
    padding-bottom: .05em;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgba(237,131,74,.3);
    }

    Still not working? Try adding !important before the ; symbol.


  3. @jondemeo, try adding this to Design > Custom CSS

    @media only screen and (max-width: 991px) {
    	h1 {
    		font-size: 14px !important;
    	}
    }

    then just change that font-size number to the size that works for you

    This targets all the h1 on mobile, so should be good.

    If you only want it for the homepage, then try this:

    @media only screen and (max-width: 991px) {
    	#collection-5f242e14448b5e0c62fa6f55 h1 {
    		font-size: 14px !important;
    	}
    }

     


  4. Hi @mhoelzer, this would really depend on both your businesses. Think about what would 1) be the most beneficial for your site visitors and 2) what would bring in revenue for you. I tend to approach these sorts of questions looking at how I can provide the most value for my site visitors and also make a living. 

    If they wanted to simply place an ad on your website, another option would be to charge them directly for the space. So $X/month. Or they could pay you for a review and sharing on social media. You'd just need to be clear that it is a paid ad. You could weight that against potential affiliate income and decide what works best for you, your site visitors, and your business model.

    I haven't done paid ad placements myself, but I am an affiliate for companies and products that I use in my own business and think others may find helpful.

    Best of luck!

    Christy


  5. Ah, gotcha! It does seem to be an issue with parallax. You can turn it off to fix the problem. Here's the general code to turn it off on mobile everywhere. 

    @media only screen and (max-width: 780px) { #home-banner { display: none; } figure {
    transform: none !important;
    top: 0 !important;
    bottom: 0 !important;
    will-change: auto !important;
    } } 
    @media only screen and (min-width: 781px) { #home-banner-mobile { display: none; } 
    }

    To turn off parallax for just that page, you can use the collection-id specific to the page:

    @media only screen and (max-width: 780px) { #home { display: none; } #collection-5f1c8fa3acc1cf6f0497d570 figure {
    transform: none !important;
    top: 0 !important;
    bottom: 0 !important;
    will-change: auto !important;
    } } 
    @media only screen and (min-width: 781px) { #home-1 { display: none; } 
    }

     


  6. You'll want to add this to the markdown block first:

    Need help doing something on Matey? Take a look at our guides or <span style="color:#990000;">contact us</span>.

    Then highlight contact us and click the link icon to add the link.

    You can change the hex code of the color to any color you want - I made it red to stand out so you can see that it's working.

×
×
  • Create New...