[Internal] Decision PathFork: Resizing

[Internal] Decision PathFork: Resizing

Introduction

Decision PathForks expand the width of the page, sometimes under the placeholder image. When this happens, a client may want all of the PathFork options to be the same width. This guide provides step-by-step instructions for resizing a decision pathfork as part of a theme override by supplying the appropriate CSS code. There are steps for when making the change to all modules and separate steps for when making the change to a specific module.

Resizing a Decision PathFork for all Modules


NOTE: To see how to create this override for all client modules, see the Theme Override: Create One That Applies to all Client Modules guide.

 

 

1) From the Styles dropdown, select Create New .

2) In the File Name textbox, enter the name of the override. The name must not contain any spaces and it should reflect the change (e.g., logo_override_comevo ).

3) Copy and paste the following CSS code into the CSS textbox:

/*--- Pathfork Width Fix ---*/

.button.choice-button, input[type="submit"].choice-button, button.choice-button {

max-width: 750px;

}

/*--- End Pathfork Width Fix ---*/

4) Click Save.


Resizing a Decision PathFork for a Specific Module


NOTE: To see how to create this override for one client module, see the Theme Override: Create One That Applies to One Client Module guide.

 

 

1) After creating a new theme, the Edit Theme form appears.

 

2) In the File Name textbox, enter the name of the override. The name must not contain any spaces and it should reflect the change (e.g., logo_override_comevo ).

3) Copy and paste the following CSS code into the CSS textbox:

/*--- Pathfork Width Fix ---*/

.button.choice-button, input[type="submit"].choice-button, button.choice-button {

max-width: 750px;

}

/*--- End Pathfork Width Fix ---*/

4) Click Save.
To apply a theme override, refer to the support guide Theme Override: Apply it.

 




    • Related Articles

    • [Internal] Support Guide Index

      Introduction This index provides an easy way to jump to any internal support guide without having to navigate to find it . Admin Intake Screen: Setting up a Pre-filled Email Address Organizational Unit: Create a New One Reports: Understanding Them ...
    • [Internal] Theme Override Index

      Introduction This index provides a list of overrides you can make to a theme, which includes a link to the step-by-step guide for doing each one. To jump to a guide, just click on the override. Background Image Blurry Background Image: Clear it up ...
    • [Internal] Header in an Orientation: Resize it

      Introduction This document provides step-by-step instructions for adding the appropriate CSS to resize a header in an orientation when creating a theme override. These steps apply when resizing a header in all modules or just a single module. NOTE: ...
    • [Internal] Child Handles: Naming Best Practices

      Introduction This document provides best practices for naming child handles (sub org units). The term child handles is for internal use only. When speaking with clients, refer to them as sub org units. When creating a child handle, use the following ...
    • [Internal] Working Desk Tickets: Best Practices

      Introduction This document provides best practices for working desk tickets. Desk tickets are automatically assigned to the Client’s Customer Care Representative. Working a Ticket Each rep should read through their tickets periodically throughout ...