Jump to content

CJoose

Member
  • Posts

    11
  • Joined

  • Last visited

Posts posted by CJoose

  1. Hi,

    I have an accordion block which uses the "+" and "-" icons to open and close the accordion description. (see below)

    I would like to add a circle around the "+" or "-" using CSS, any ideas on how this can be done ?

    image.png.05546eed1eaf6e81f9b5d5d815b04269.png

    I'd like it to look like this :

    image.png.20ec028b4e63a2ba07c4e58f2d58ae9c.png

  2. Hi,

    I have a code block with the following HTML to display an icon:

    <span class="material-icons-outlined-blue">call</span>

    And CSS to style the icon:

    .material-icons-outlined-blue {
      font-family: 'Material Icons Outlined';
      font-weight: 100;
      font-style: normal;
      font-size: 24px;  /* Preferred icon size */
      display: inline-block;
      color: #000840;
      line-height: 1;
      text-transform: none;
      letter-spacing: normal;
      word-wrap: normal;
      white-space: nowrap;
      direction: ltr;
      padding-left: 0.1 em;

    }
     

    However, when the page loads the icons do not animate like the text and images on the page. I guess this is because its a code block, and the Squarespace animation is not being applied.

    How can I get the code block to animate on page load, so that it works the same as the Squarespace elements?

    URL: https://orb-robin-wn9f.squarespace.com/locations

    Password: 1ndigo

     

  3. Hi all,

    I'm trying to move the navigation buttons on a gallery carousel to above the images, and not below or centered , as is the standard Squarespace options. I can change the colour, icons, size of the buttons using CSS , but need some assistance to place the buttons side by side right aligned, and above the images.

    Site is: https://orb-robin-wn9f.squarespace.com/

    Password: 1ndigo

    Example of what I'm trying to achieve is below...

    image.thumb.png.b4f3c26ba14b5fdeb1a33c02c92aef43.png

     

     

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.