How do I duplicate a Squarespace portfolio entry and retain the background image?

waynegurgh

HELP ME please.

On my Squarespace website I would like to duplicate a portfolio entry and retain the design settings of it. In particular, the background image. The portfolio entry “2050/1” has been setup correctly using code. There is an artwork background that runs behind the portfolio gallery and the footer. When I click ‘duplicate’ in the settings for this entry it creates a new portfolio entry but it has a white background, see “2050/1 (copy)”. Is there a way to duplicate the page, and many more pages, without having to individually add code? Please refer to links attached.

https://www.regardsfromyourfuture.com/future-paintings/project-one-44zcm-57lgb-6glfy-p2f7c-nbdk9-76lc2-zh5z9

https://www.regardsfromyourfuture.com/future-paintings/project-one-44zcm-57lgb-6glfy-p2f7c-nbdk9-76lc2-zh5z9-3pcl8

Thanks!

Brandon

The following CSS, added via Custom CSS / CSS Editor will achieve that.

.collection-60b8480265d7df4bcf8f97ed .page-section:first-child .section-background:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  transform: scale(100%);
  background-image: url(https://images.squarespace-cdn.com/content/v1/601a2e3ab7c076212fdf7cc4/1627276381665-TKPRGQK0WMFOD4SMWKS0/Paintings_tall+test.jpg?format=2500w);
}
.collection-60b8480265d7df4bcf8f97ed .page-section:last-child .section-background:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: absolute;
  background-attachment: fixed;
  transform: scale(100%);
  background-image: url(https://images.squarespace-cdn.com/content/v1/601a2e3ab7c076212fdf7cc4/1627276381665-TKPRGQK0WMFOD4SMWKS0/Paintings_tall+test.jpg?format=2500w);
}

Note that the URL that is used is the image URL to the image that you uploaded as the background image to the section in the initial post. Instead, you could upload the image via the "Manage Custom Files" option, and then use the URL to that image instead.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

How do I make a Squarespace footer have a background image?

How do I add a custom CSS image to the target background behind a given layer of text in Squarespace?

How can I retain background after dilating text in image

How can I do a portfolio?

How do I send a message to the view that a duplicate entry exists?

How do I avoid duplicate object entry in Mongodb?

How do I add a background image to a JPanel?

How do i rollup background image of body?

How do I change the background image in pygame?

How do I add background image in webpage?

How do I set background image to a Canvas

How do I make a background image responsive?

How do I remove the black background in the Image?

How do I remove the background from an image?

How do I add a background image in CSS?

How do I retain proper background on a character-based graphics system?

how do I zoom a background image on a div with background-size

How do I display an image on left of Material-UI AppBar, but retain the "hamburger" menu?

How do I manually retain in Swift with ARC?

Fix full screen background image on Squarespace page

How do I add css class names to text blocks in Squarespace?

How can I remove a duplicate startup entry?

how do i change duplicate entry (unique value date) error into other message such as the date already booked

How do I set the background image size of a table cell in swift?

How do I keep a responsive background image from clipping?

How do I position a div with a colored background over a preceding image?

How do I create background image and add text over it

How do I make the screen ignore the background color of some image?

How do I change the background image of a UICollectionViewCell that has been tapped?