In Simple Layout, the navigation buttons are aligned to the far right of the screen, with padding added to push the “next button” far beyond the edge of questions. This design makes centering images, e.g. a logo, impossible. (In the attached screen shot, the html to resize the graphic is being ignored, but that’s a separate issue.) My end-goal is to remove the additional right-padding and have the navigation button align to the right, or centered. I have seen the code from user @tom_1842, but it does not seem to impact Simple Layout; various code snippets for moving the navigation buttons also seem to fail on Simple Layout..Skin .SkinInner {width: 100% !important;max-width: 100% !important;} In short, is there a way to change padding (or make the container 100% width), and a way to move the nav buttons? (I’ve looked for a Simple Layout CSS guide, but have come up empty) Screen shot example

Hi, the below CSS should make the container 100% for Simple layout. I've also left in the lines that center the navigation buttons and added a couple that will center images./*full container simple layout*//*whole page*/#page #auto-advance-banner-container, #page #footer, #page #header-container, #page #logo-container, #page #survey-canvas { width: 100% !important;}/*text entries*/#app.no-mo-compo-layout .te .question-content .resize-wrapper, #app.no-mo-compo-layout .te .question-content input[type=text], #app.no-mo-compo-layout .te .question-content input[type=password], #app.no-mo-compo-layout .te .question-content textarea { width: 100% !important;}/*multiple choice*/.mc.horizontal .choices .choice, .mc.vertical .choices .choice { max-width: 100% !important;}/*textgraphics*/.question .question-display { max-width: 100% !important;}/*other codes*//*center buttons*/#navigation { justify-content: center !important;}/*center images*/img { display: block; margin-left: auto; margin-right: auto;}

Glad to hear! I created a Simple layout survey and filled it up with a bunch of question types. Then I previewed the survey andused my browser's Developer Tools/Inspect Element(F12) tosee which CSS rules were in place that were affecting the width of the elements, and I created new rules where the width/max-width for these elements are set to 100%.

Simple Layout - CSS to remove right padding

Simple Layout - CSS to remove right padding | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded