• 1
  • 2
Home > Tips

Background Position & Background Repeat for the Selected Slice

Important Note to Users: The settings of background position and background repeat here are based on the settings of background image for the selected slice (like the picture shown below), so we suggest you to read the tutorial on how to add background image to the selected slice firstly.

 

 Where to set Background Position and Background Repeat?

Location: Attribute Setting Area >Basic Attribute

 

 

 

 

 What is Background Position for the Selected Slice? 

For SliceMaker products, background position will define the initial position of a background image within the selected slice.

 

 

 

 What is Background Repeat for the Selected Slice?

For SliceMaker products, background repeat function is used in conjunction with background position.

Saying simply, background position defines the initial position of a background image within the selected slice and background repeat will determine how to repeat the background image from its initial position.

 

 

 

 Examples of Setting Background Position and Background Repeat within the Selected Slice

 

Below is a background image weve added to the selected slice (Optional: How to add background image to the selected slice >>), lets see what will happen if we set different background position & background repeat attributes for it.

 

 

 

 

 

 Example 1:

If we retain the default settings of background position and background repeat:

 

 

Result: The background images initial position is top left within the selected slice and the background image will be repeated both horizontally and vertically to fill any remaining space within the selected slice. (Click Here to fully view the generated webpage >>)

 

 

 

 Example 2:

If we set the background position as left position and set the background image as no-repeat.

 

 

Result: The background images initial position is center left within the selected slice and the background image is not repeated. (Click here to fully view the generated webpage >>)

 

 

 Example 3:

If we set the background position as left position and set the background image as repeat-x:

 

 

Result: The background images initial position is center left within the selected slice and the background image is repeated only horizontally from its initial position. (Click here to fully view the generated webpage >>)

 

 

 

 Example 4:

 If we set the background image as right position and set the background image as no-repeat:

 

 

Result: The background images initial position is center right within the selected slice and the background image is not repeated. (Click here to fully view the generated webpage >>)

 

 

 

 Example 5:

If we set the background image as right position and set the background image as repeat-y:

 

 

Result: The background images initial position is center right within the selected slice and the background image is repeated only vertically from its initial position. (Click here to fully view the generated webpage >>)

 

 

 

 Contact Us for Help

If you cannot find a proper solution to your issue through the above methods, our support team is always on standby for whatever problems youve got. We promise to you we will deal with your issues within 24 hours. Contact Our Support Team

 

 

 

Whats Next:

 

Choose a SliceMaker Product to Create a Website on Your Own-30 Day Freetrial
SliceMaker Standard V3.6 - Freeware
SliceMaker Standard V3.6 - Freeware
The anyone-can-master webpage making software. You can create exceptional webpage/website on your own even if you're unfamiliar with webpage making.
$0
$0
SliceMaker Platinum V3.6 - Freeware
SliceMaker Platinum V3.6 - Freeware
The bestselling webpage making software, helps you create exceptional webpage/website without writing complicated CSS and DIV codes.
$0
$0
SliceMaker Deluxe V3.6 - Freeware
SliceMaker Deluxe V3.6 - Freeware
The all-in-one webpage making software, helps you create webpage/website of any style. It's the idea tool to create webpage/website.
$0
$0