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

Removing images from "Projects" page


al_co

Question

So I just started working on a website for my portfolio, I'm using the Project page of course to link to my separate pieces of work but I am not a fan of the big preview grid images. I'd ideally like to hide them or at least make them smaller.

I've looked at the source in Chrome and saw they were under a grid-image div so I tried putting:

.grid-image { 
    display: none; visibility: hidden;!important
}

into my CSS for the page but they're still showing up.

Am I missing something here or is there just no way to get rid of the grid images of a Projects page.

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

Link to your page please.

Better off using a different section layout. 7.1 doesn't really have specific pages, they are just examples. You can start with a blank screen and add and remove sections and blocks as needed.

You can also put it into the CSS section, but its going to cause you issues in the future. You can accomplish the same look using different blocks and no CSS.

5 answers to this question

Recommended Posts

  • 0

Link to your page please.

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Link to post
  • 0

Better off using a different section layout. 7.1 doesn't really have specific pages, they are just examples.

You can start with a blank screen and add and remove sections and blocks as needed.

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Link to post
  • 0
Just now, rwp said:

Better off using a different section layout. 7.1 doesn't really have specific pages, they are just examples.

You can start with a blank screen and add and remove sections and blocks as needed.

I actually got it to work, if you refresh it now the images should be gone. I put the code into <style></style> and it ended up working. Silly me.

Link to post
  • 0

You can also put it into the CSS section, but its going to cause you issues in the future.

You can accomplish the same look using different blocks and no CSS.

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...