derricksrandomviews

Thank you so much for your help - and the buttons are less 'in your face' now! Hope client likes 🙂  

Thank you so much! The class ID was wrong but I found it and this is what works:

.user-items-list-simple img {
  border-radius: 60px 0px 60px 0px;
}

Place in Custom css the colors can be changed using hex codes which are found here: https://www.color-hex.com/ yui3-squarespacecalendar .yui3-calendar-pane { padding: 12px; background: #f5f5f5 !important; } .yui3-squarespacecalendar .today{ color: #ff3333 !important; } .yui3-squarespacecalendar .compact-layout .yui3-calendar-day.has-event{ background: #e7d073 !important; } .yui3-squarespacecalendar .compact-layout .yui3-calendar-day.has-event, .yui3-squarespacecalendar { color: #222 !important; }  
This code has worked also, depending on the template:
/background color//
.yui3-squarespacecalendar .yui3-calendar-pane { padding-top: 10px;  padding-bottom: 10px; background: white !important;
  filter: opacity(80%);
  border: 0px solid #ffffff;
}
//today calendar color//
.yui3-squarespacecalendar .today{ color: #ff3333 !important; }

//event date colors//
.yui3-squarespacecalendar .compact-layout .yui3-calendar-day.has-event{ background: #171828 !important; 
}
///change all date text color//
td.has-event * {
    color: white !important;
}

This is the rss feed I use. https://follow.it/ Free and works great with my Squarespace blog.  I have a couple of Follow My Stories buttons on my site, which take you here:
https://follow.it/my-random-views?action=followPub

By default, Wells has a grid with thumbnails or slideshow image gallery pages, that is all. You can enlarge the thumbnails and  stack the images using this  code in custom CSS 
#galleryWrapper #thumbnails { height: auto !important; } #galleryWrapper #thumbnails .thumb { width: 100% !important; left: 0 !important; top: 0 !important; height: auto !important; position: relative !important; margin-bottom: 10px; }

This guide is for changing drop down menus in 7.1:
 

Thank you Derrick! 
I have used the Cover Page before and it worked, but I was exploring using a page format as well. Thank you for your rapid response and the css code. 
It's immensely appreciated. 

Amazing! Thank u so much for this information!

Thank you for your answer, Derrick! This is what I was looking for.

Best,
Pat

The Wexley Gallery Pages are designed to be dynamic, they move images, resize them, all to keep the look on any sized screen. To fix the number of images per row, use a gallery block as opposed to a gallery page. You can set this up in your unlinked section, create a blank page add a gallery block and in the design you can set the number of images PER ROW to what you want. If you want two images the block will always show two. Once you have built the page or pages, you can move them to the linked section and if you want make one your home page and rename them to take the place of any page you no longer want. If you need any help with this just let me know. 
I have built two sites on Wexley and this does work,  I am using this feature on this Wexley site in some of the gallery/blog posts. A gallery block works the same in a blog or on a page.  
https://christinegregoryphotography.com/

Actually it may be easier to  put just one spacer at the bottom of the blocks all across the page. 

Sometimes it's the simplest stuff that stumps us. Thank you.

Yes.
The Action section doesn't allow more than five links but you can add as many links as you like if you add them to the body area of the Branding & Text section. 🙂

NIce 7.1 site. 

Getting my first nice comment posted on a blog, my personal site, and some nice form submission.  comments as well. 
Hitting 80,000 yearly page views for the site I built for the community which I live in the summer. 

With 7.0 you are restricted to those video hosting sites.

I am using the Avenue template and can do as you asked. My site right now has three layers of links as well as two. I have three using a category drop down block and I have links on my nav bar (under photography lessons) that are three layers deep some two.  You can take a look from my home page. Remember my arrangement can be customized. I have done this for other customer sites as well. 
my random views

The 7.1 "designs" are shown on this page: https://www.squarespace.com/templates. Although the starting points may look different, they all use the same "7.1" template and have the same features.
The older 7.0 template families are still available here: https://www.squarespace.com/templates/browse/v7. Unlike 7.1, each template family has different features.
 Please click a 'Like' or 'Thanks' icon if this helped  ⬇️

Awesome, thank you so much, derricksrandomviews! I will do that. I already checked out the tutorial and it looks simple. Thank you so much!

I found his code to work better on my 7.0 site, you add it to a page in advanced header, if you add it to an index page header (like in Avenue) it shows up in all pages viewed from that index. You can adjust the snowflakes in the CSS section copy the code starting with <style> :
.snowflake { position: fixed; background-color: #CCC; user-select: none; z-index: 1000; pointer-events: none; border-radius: 50%; width: 10px; height: 10px; } https://myrandomviews.com/williamsburg-christmas/
<style>
  #snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
  }
  .snowflake {
    position: fixed;
    background-color: #CCC;
    user-select: none;
    z-index: 1000;
    pointer-events: none;
    border-radius: 50%;
    width: 10px;
    height: 10px;
  }
</style>
<div id="snowflakeContainer">
  <span class="snowflake"></span>
</div>
<script>
  // Array to store our Snowflake objects
  var snowflakes = [];
  // Global variables to store our browser's window size
  var browserWidth;
  var browserHeight;
  // Specify the number of snowflakes you want visible
  var numberOfSnowflakes = 50;
  // Flag to reset the position of the snowflakes
  var resetPosition = false;
  // Handle accessibility
  var enableAnimations = false;
  var reduceMotionQuery = matchMedia("(prefers-reduced-motion)");
  // Handle animation accessibility preferences 
  function setAccessibilityState() {
    if (reduceMotionQuery.matches) {
      enableAnimations = false;
    } else { 
      enableAnimations = true;
    }
  }
  setAccessibilityState();
  reduceMotionQuery.addListener(setAccessibilityState);
  //
  // It all starts here...
  //
  function setup() {
    if (enableAnimations) {
      window.addEventListener("DOMContentLoaded", generateSnowflakes, false);
      window.addEventListener("resize", setResetFlag, false);
    }
  }
  setup();
  //
  // Constructor for our Snowflake object
  //
  function Snowflake(element, speed, xPos, yPos) {
    // set initial snowflake properties
    this.element = element;
    this.speed = speed;
    this.xPos = xPos;
    this.yPos = yPos;
    this.scale = 1;
    // declare variables used for snowflake's motion
    this.counter = 0;
    this.sign = Math.random() < 0.5 ? 1 : -1;
    // setting an initial opacity and size for our snowflake
    this.element.style.opacity = (.1 + Math.random()) / 3;
  }
  //
  // The function responsible for actually moving our snowflake
  //
  Snowflake.prototype.update = function () {
    // using some trigonometry to determine our x and y position
    this.counter += this.speed / 5000;
    this.xPos += this.sign * this.speed * Math.cos(this.counter) / 40;
    this.yPos += Math.sin(this.counter) / 40 + this.speed / 30;
    this.scale = .5 + Math.abs(10 * Math.cos(this.counter) / 20);
    // setting our snowflake's position
    setTransform(Math.round(this.xPos), Math.round(this.yPos), this.scale, this.element);
    // if snowflake goes below the browser window, move it back to the top
    if (this.yPos > browserHeight) {
      this.yPos = -50;
    }
  }
  //
  // A performant way to set your snowflake's position and size
  //
  function setTransform(xPos, yPos, scale, el) {
    el.style.transform = `translate3d(${xPos}px, ${yPos}px, 0) scale(${scale}, ${scale})`;
  }
  //
  // The function responsible for creating the snowflake
  //
  function generateSnowflakes() {
    // get our snowflake element from the DOM and store it
    var originalSnowflake = document.querySelector(".snowflake");
    // access our snowflake element's parent container
    var snowflakeContainer = originalSnowflake.parentNode;
    snowflakeContainer.style.display = "block";
    // get our browser's size
    browserWidth = document.documentElement.clientWidth;
    browserHeight = document.documentElement.clientHeight;
    // create each individual snowflake
    for (var i = 0; i < numberOfSnowflakes; i++) {
      // clone our original snowflake and add it to snowflakeContainer
      var snowflakeClone = originalSnowflake.cloneNode(true);
      snowflakeContainer.appendChild(snowflakeClone);
      // set our snowflake's initial position and related properties
      var initialXPos = getPosition(50, browserWidth);
      var initialYPos = getPosition(50, browserHeight);
      var speed = 5 + Math.random() * 40;
      // create our Snowflake object
      var snowflakeObject = new Snowflake(snowflakeClone,
        speed,
        initialXPos,
        initialYPos);
      snowflakes.push(snowflakeObject);
    }
    // remove the original snowflake because we no longer need it visible
    snowflakeContainer.removeChild(originalSnowflake);
    moveSnowflakes();
  }
  //
  // Responsible for moving each snowflake by calling its update function
  //
  function moveSnowflakes() {
    if (enableAnimations) {
      for (var i = 0; i < snowflakes.length; i++) {
        var snowflake = snowflakes[i];
        snowflake.update();
      }      
    }
    // Reset the position of all the snowflakes to a new value
    if (resetPosition) {
      browserWidth = document.documentElement.clientWidth;
      browserHeight = document.documentElement.clientHeight;
      for (var i = 0; i < snowflakes.length; i++) {
        var snowflake = snowflakes[i];
        snowflake.xPos = getPosition(50, browserWidth);
        snowflake.yPos = getPosition(50, browserHeight);
      }
      resetPosition = false;
    }
    requestAnimationFrame(moveSnowflakes);
  }
  //
  // This function returns a number between (maximum - offset) and (maximum + offset)
  //
  function getPosition(offset, size) {
    return Math.round(-1 * offset + Math.random() * (size + 2 * offset));
  }
  //
  // Trigger a reset of all the snowflakes' positions
  //
  function setResetFlag(e) {
    resetPosition = true;
  }
</script>

The link is going to a blog post not the blog listing page itself The actual blog page is here.
https://www.lammay.co/happy-brides/  notice that you have a title of your comments page, and there is no comments section at the bottom. 
The post where folks leave comments is a post in the blog. Why you can't see your blog page with the a in config, I can't explain it. If you don't see it you will not be able to create a new post.  When on the blog post page hit your  escape key and then log in if needed. It should take you to the settings for that page. 

Reviews is not the blog page, it is a link to the page. The actual blog page has a small a on the left side of the page in pages under configuration. Click the a panel will open on the left with all your blog posts listed there. Then click the thumbnail of the one you want to change the title to. The edit and settings panel opens up and the title is on the frist line of that panel. You will notice a small arrow up on the right hand corner of that panel. When you click it it opens the content of the post for full screen editing, the settings tabs go away until you click that arrow again. 

Using 7.1 go to pages, click on the blog page, click the thumbnail for the post you want to edit from the list. Click edit up in the top left of the panel that opens, then click the actual title of the blog. A vertical line appears and at that point you can edit the title or delete it using the backspace key. 
If you are wanting to change the blog page name, go to pages then click the gear icon next to the blog page, the settings come up and you can change the name of the page, and the navigation name there. 

Thanks that did work!
And for anyone wanting to make sure whatever links you use open in a new tab follow this.
Add this after the link" and before the > 
target="_blank"