Georgia State Flex Theme Elements

GSU Flex Theme Elements can be found under the "Add Elements" option on Visual Composer, under the "My Elements" tab.


In order to edit previously created elements to match the GSU Flex Theme Elements, use the following settings:

GSU Standard Blue Button

Choose "Advance Button" from Ultimate Add-ons Elements General Button Alignment: Center Button Size: Large Button Button Title Color: #ffffff Background Color: #0034a9

Background Button Hover Background Effect: No Effect Button Hover Animation Effect: No Effect Hover Background Color: #ffffff Hover Text Color: #0034a9

Styling Button Border Style: Solid Border Color: #0034a9 Border Color on Hover: #0034a9 Border Width: 1 Border Radius: 0

Typography Font Family: Lato Font Style: 300 Font Size: 18 Line Height: 23


GSU Tabs

Use tabs to alternate between views within the same context, not to navigate to different areas. Use tabs only when users don't need to see content from multiple tabs simultaneously.

Choose the Tabs Element and set the following; Style: modern Shape: square Color: white Do not fill content area?: Checked Spacing: None Gap: None Position:  Top Alignment: Center Autoplay: none Active Section: 1 Extra class name: horizontal-tabs

In order to make Tabs for mobile, duplicate the completed tab set, change the "Active Section" to "0", and set it to Mobile Visibility, while making the Tab set with "Active Section: 1" Desktop visible.


GSU Vertical Tabs - Right

Use tabs to alternate between views within the same context, not to navigate to different areas. Use tabs only when users don't need to see content from multiple tabs simultaneously.

Choose the Tour Element and set the following; Style: modern Shape: square Color: white Do not fill content area?: Checked Spacing: None Gap: None Position: Right Alignment: Left Navigation Width: Medium Autoplay: none Active Section: 1 Extra class name: vertical-tabs-right

In order to make Tabs for mobile, duplicate the completed tab set, change the "Active Section" to "0", and set it to Mobile Visibility, while making the Tab set with "Active Section: 1" Desktop visible.

GSU Vertical Tabs - Left

Use tabs to alternate between views within the same context, not to navigate to different areas. Use tabs only when users don't need to see content from multiple tabs simultaneously.

Choose the Tour Element and set the following; Style: modern Shape: square Color: white Do not fill content area?: Checked Spacing: None Gap: None Position:  Left Alignment: Left Navigation Width: Medium Autoplay: none Active Section: 1 Extra class name: vertical-tabs-left

In order to make Tabs for mobile, duplicate the completed tab set, change the "Active Section" to "0", and set it to Mobile Visibility, while making the Tab set with "Active Section: 1" Desktop visible.


GSU Accordion

Use Accordions for lists of information that have more information, or answers for each point of information. FAQs should use the GSU Accordion. 

Style: modern Shape: square Color: white Do not fill content area?: Checked Spacing: None Gap: None Alignment: Left Autoplay: none Allow collapse_all: Checked Icon: Plus Position: Left Active Section: 1 Extra class name: accordion

In order to make an Accordion for mobile, duplicate the completed accordion set, change the "Active Section" to "0", and set it to Mobile Visibility, while making the accordion set with "Active Section: 1" Desktop visible.


GSU FAQ Toggle

Use FAQ Toggles in place of Accordions ONLY WHEN the information being displayed is within a tabbed element. Tabbed elements cannot display Accordions, but they can show the much simpler GSU FAQ Toggles.

Choose FAQ Element Style: Simple Icon Color:  Blue Size: Large Default State: Closed Extra class name: faq-toggle


Feedback and Knowledge Base