QuoteWerks Support Portal

How do I increase the display width in Quotevalet? 

I was planning to start utilizing the Group line items function on some of my quotes, but when I uploaded to preview, the Group forces the pricing so far to the right that it's cut off. Quotes that don't have Grouped line items appear normal.

I'm not seeing anything obvious about width in the QV template or customization.css file. 

How do I fix this? Ideally without blowing out mobile views.

Example of Group items:

Without Group:

Thanks!

You need to edit the CSS file that controls the width of fields or the entire body.
I've done this for lots of clients, including those that wanted to get more than 20 fields visible on particular templates.

Hey Matt,

Are you talking just adding something like the below to my customizations.css? Or does it involve duplicating/updating the templates.css and redirecting to the new file somehow?

body
{
    width: 80%;
    margin: 0 auto;
    padding: 20px 10px;
}

I primarily just use the css for updating our colors/images so I'm a bit out of practice... You'd think the default QV template would display standard quote features correctly without having to do any editing!

Thanks

As an example, here's what one of my templates' body tags looks like:

body{font-family: "Open Sans", Tahoma, Arial, sans-serif;font-size: 14px;width:880px;padding:20px 10px;margin:0 auto;background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);-webkit-text-size-adjust: 100%;background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;}

Everyone that has their templates wants such different things, I can see it being very difficult to implement some sort of global settings.. even for something as 'simple' as the page width.

I did include an example of my Body CSS from one of my templates yesterday, but maybe it got flagged as spam. In essence, yes, you need to modify this section to make it wider. 

That fixed it, thank you!!