This guide assumes that you’re already familiar with our Custom CSS Tool.
Bottom Positions
Bottom Right
The bottom right is the default position for all Slide-in campaigns. No modifications are needed.
Bottom Left
Reposition the Slide-in campaign to the bottom left by adding the following CSS using the Custom CSS tool:
Bottom Center
Reposition the Slide-in campaign to the bottom center by adding the following CSS using the Custom CSS tool:
350 pixels is the default setting for new Slide-in campaigns, if you’ve changed the campaign container width you will need to update the CSS to reflect your campaign’s specific width. This code works only when you use pixel values, not percentages, for the campaign container width.
Top Positions
Top Right
Reposition the Slide-in campaign to the top right by adding the following CSS using the Custom CSS tool:
Top Center
Reposition the Slide-in campaign to the top center by adding the following CSS using the Custom CSS tool:
350 pixels is the default setting for new Slide-in campaigns; if you’ve changed the campaign container width you will need to update the CSS to reflect your campaign’s specific width. This code works only when you use pixel values, not percentages, for the campaign container width.
Top Left
Reposition the Slide-in campaign to the top left by adding the following CSS using the Custom CSS tool:
Side Positions
Right Center
Reposition the Slide-in campaign to the right center by adding the following CSS using the Custom CSS tool:
The 540px value in the code above will need to be updated to specify the pixel height of your own Slide-in campaign. This code works only when you use pixel values, not campaign height percentages. The height of a campaign automatically adjusts based on the contents within it; you can use your browser’s dev tools to inspect the campaign and locate the displayed dimensions.
Left Center
Reposition the Slide-in campaign to the left-center by adding the following CSS using the Custom CSS tool:
The 540px value in the code above will need to be updated to specify the pixel height of your Slide-in campaign. This code works only when you use pixel values, not campaign height percentages. The height of a campaign automatically adjusts based on its contents; you can use your browser’s dev tools to inspect the campaign and locate the displayed dimensions.
If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!
BONUS: Done-For-You Campaign Setup ($297 value)
Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE! Click here to get started →