• Letter from the Director
  • Strategic Roadmap
  • 2025 Impact Report
  • Contact
    Us
  • Give
    Now
UCLA Luskin Center for Innovation
  • About
    • Mission, Approach, & Values
    • Policy Impacts & History
    • Team
    • Advisory Board
    • Collaborators
    • Student Opportunities
  • Research
    • Current Projects
    • Climate
    • Energy
    • Fire Hub
    • Heat
    • Transportation
    • Urban Greening
    • Water
    • All Publications
  • News
  • Events
    • Calendar
    • Webinar Library
  • Support
    • Giving Opportunities
    • Support Students
  • Subscribe
  • Media
    • Contact Our Experts
    • Select Media Coverage
  • Search
  • Menu Menu

Theme Elements: Organizational/Layout Elements

‹ See all elements

Element: Separator/Whitespace

Creates a delimiter/whitespace to separate elements

Settings

Styling

  • Horizontal Ruler Styling
    Here you can set the styling and size of the HR element
    • Default
    • Big Top and Bottom Margins
    • Fullwidth Separator
      • Section Top Shadow
        Display a small styling shadow at the top of the section
    • Whitespace
      • Height
        How much whitespace do you need?
    • Short Separator
      • Position
        Set the position of the short ruler
    • Custom
      • Icon
        Should an icon be displayed at the center?
      • Icon
        Select an icon below
      • Position
        Set the position of the short ruler
      • Border
      • Width
        Enter a custom width.
      • Top Margin in px
      • Bottom Margin in px
      • Custom Border Color
        Leave empty for default theme color
      • Custom Icon Color
        Leave empty for default theme color

Element: Tabs

Creates a tabbed content area

Tabs Settings

Content

  • Title
    This is the small title at the top of your notification.
  • Message
    This is the text that appears in your notification.
  • Button Icon
    Should an icon be displayed at the left side of the button
  • Button Icon
    Select an icon for your button below
  • Close Button
    Display a button that closes the notification when clicked.

Styling › Size

  • Box Size
    Choose the size of your box here

Styling › Colors

  • Message Colors
    Choose the color for your box here
    • Custom Color
      • Custom Background Color
        Select a custom background color for your notification here
      • Custom Font Color
        Select a custom font color for your notification here
    • Gradient Color
      • Background Gradient Direction
        Define the gradient direction for background of the element
      • Gradient Color 1
        Select the first color for the gradient.
      • Gradient Color 2
        Select the second color for the gradient.
      • Gradient Color 3
        Select an optional third color for the gradient.
      • Custom Font Color
        Select a custom font color for your notification here

Styling › Border

  • Border Style
    Choose the border style for your element here
  • Border Width
    Select your border width.
  • Border Color
    Select the border color for this element here.
  • Border Radius
    Select your border radius(e.g. 5px).

Styling › Box Shadow

  • Box Shadow
    Select to add a customized box shadow
  • Box Shadow Styling
    Set the shadow styling values, you can use em or px, negative values move in opposite direction.
  • Box Shadow Color
    Select a shadow color for this element here.

Advanced › Effects

  • Sonar/Pulsate Effect
    Select a sonar/pulsate effect for the element.
  • Sonar Shadow Color
    Select the color for the sonar shadow.
  • Sonar effect duration
    Select approx. length of one effect, larger value slows down
  • Expand Scale
    Select the expand value for the sonar effect
  • Element Opacity
    Select the opacity of the element when expanding

Individual Tab Settings

Content

  • Tab Title
    Enter the tab title here (Better keep it short)
  • Tab Icon
    Should an icon be displayed at the left side of the tab title?
  • Tab Content
    Enter some content here
Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Element: Accordion

Creates toggles or accordions (can be used for FAQ)

Accordion Settings

Content › Toggles

  • Add/Edit Toggles
    Here you can add, remove and edit the toggles you want to display.
  • Use as FAQ Page (SEO improvement)
    Select if content is used as FAQ and add schema.org markup to support Google Search.

Content › Behavior

  • Initial Open
    Enter the Number of the Accordion Item that should be open initially. Set to Zero if all should be close on page load
  • Behavior
    Should only one toggle be active at a time and the others be hidden or can multiple toggles be open at the same time?
  • Sorting
    Display the toggle sorting menu? (You also need to add a number of tags to each toggle to make sorting possible)

Styling › Toggles Styling

  • Styling
    Select the styling of the toggles

Styling › Colors

  • Custom Font Color
    Select a custom font color.
  • Custom Background Color
    Select a custom background color.
  • Custom Border Color
    Select a custom border color.
  • Custom +/- Icon Color
    Select a custom color for the toggle icon.
  • Custom Font Color Current Toggle
    Select a custom font color for the current active toggle.
  • Custom +/- Icon Color Current Toggle
    Select a custom color for the current active toggle icon.
  • Title Bar Custom Background Color
    Select a custom background color.
  • Background Gradient Direction
    Define the gradient direction for background of the element
  • Gradient Color 1
    Select the first color for the gradient.
  • Gradient Color 2
    Select the second color for the gradient.
  • Gradient Color 3
    Select an optional third color for the gradient.
  • Custom Hover Font Color
    Select a custom hover font color.
  • Custom Hover Background Color
    Select a custom hover background color.
  • Custom Hover +/- Icon Color
    Select a custom hover color for the toggle icon.

Styling › Font Sizes

  • Toggle Font Sizes
    Select a custom font size for the toggle title.
  • Content Font Sizes
    Select a custom font size for the content.

Advanced › Toggle Titles

  • Toggle Title Tag (Theme Default is < p >)
    Select a html tag for the toggle titles of this element.
  • Custom CSS Class For Heading Tag
    Add a custom css class for the heading here.

Individual Toggle Settings

Content

  • Toggle Title
    Enter the toggle title here (Better keep it short)
  • Toggle Content
    Enter some content here
  • Toggle Sorting Tags
    Enter any number of comma separated tags here.

Advanced

  • For Developers: Custom Tab ID
    Insert a custom ID for the element here.

Styling › Text Alignment

  • Vertical Alignment Title and Content
    Applies only for the vertical timeline.

Styling › Colors

  • Custom Milestone Icon Background Color
    Select a custom background color for the icon.

Advanced › Milestone Link

  • Milestone Link
    Do you want to apply a link to the milestone?

Toggle 1

Toggle 2

  • 2025 Impact Report

    Informing effective and equitable environmental policy solutions

  • Blue Ribbon Commission on Climate Action & Fire Safe Recovery

    Informing policy recommendations for rebuilding a more resilient LA

  • Heat Equity

    Informing evidence-based governance and policy to protect heat-vulnerable communities

  • Clean Energy

    Guiding an equitable transition to a 100% clean energy future

  • Water Systems & Fire Resilience

    Providing guidance and tools to better prepare communities for fire’s impacts

PreviousNext
12345

Our researchers identify problems, design policies, and elevate community-driven solutions to advance environmental equity and improve lives.

NEWS

Gas meter (left) and construction worker configuring heat pumps installedLeft: RadRafe, Wikipedia (Public Domain); Right: Marcela Gara, Resource Media, EE Image Database (CC BY-NC 2.0) What California SB 1221 means for neighborhood decarbonization
April 9, 2026

Our experts identify key questions and discuss what comes next

Sustainable LA Grand Challenge Planning for recovery before disaster strikes
March 19, 2026

Lessons from California’s recent fires and floods

The Top Bruinvention of the 21st Century (So Far)
March 18, 2026

Our national Shade Map

The Luskin Center for Innovation welcomes Jelena Jezdimirovic as a postdoctoral researcher
February 26, 2026

Learn more about her research.

Gas meter (left) and construction worker configuring heat pumps installedLeft: RadRafe, Wikipedia (Public Domain); Right: Marcela Gara, Resource Media, EE Image Database (CC BY-NC 2.0)

What California SB 1221 means for neighborhood decarbonization

April 9, 2026
Our experts identify key questions and discuss what comes next
https://innovation.luskin.ucla.edu/wp-content/uploads/2026/04/sb1221-featured-image-scaled-e1775752737233.png 1230 2458 angela wu https://innovation.luskin.ucla.edu/wp-content/uploads/2024/07/web-headers-2024-07.png angela wu2026-04-09 14:43:562026-04-09 16:00:18What California SB 1221 means for neighborhood decarbonization
Sustainable LA Grand Challenge

Planning for recovery before disaster strikes

March 19, 2026
Lessons from California’s recent fires and floods
https://innovation.luskin.ucla.edu/wp-content/uploads/2026/03/2026-03-05-UC-Center-Sacramento-panel.png 500 1000 angela wu https://innovation.luskin.ucla.edu/wp-content/uploads/2024/07/web-headers-2024-07.png angela wu2026-03-19 11:49:042026-03-25 15:13:26Planning for recovery before disaster strikes

The Top Bruinvention of the 21st Century (So Far)

March 18, 2026
Our national Shade Map
https://innovation.luskin.ucla.edu/wp-content/uploads/2026/03/Vidhya-Nagarajan-National-Shade-Map.png 658 1316 angela wu https://innovation.luskin.ucla.edu/wp-content/uploads/2024/07/web-headers-2024-07.png angela wu2026-03-18 18:18:192026-03-24 13:03:56The Top Bruinvention of the 21st Century (So Far)

The Luskin Center for Innovation welcomes Jelena Jezdimirovic as a postdoctoral researcher

February 26, 2026
Learn more about her research.
https://innovation.luskin.ucla.edu/wp-content/uploads/2026/02/Introducing-Doctoral-Researchers-banner-1.png 500 1000 Danielle Workman https://innovation.luskin.ucla.edu/wp-content/uploads/2024/07/web-headers-2024-07.png Danielle Workman2026-02-26 15:38:082026-02-26 15:39:10The Luskin Center for Innovation welcomes Jelena Jezdimirovic as a postdoctoral researcher
More News

MEDIA COVERAGE

California Has a Neighborhood Decarbonization Law. How Does It Work? (Legal Planet)
Experts Warn Severe Change To Weather Coming: ‘Risky Conditions’ (Newsweek)
Heat wave blasts Southern California (KABC)
California is spending hundreds of millions on heat. Will it ever be a public health priority? (CalMatters)
Can culling your garden slow a wildfire? A California city pins its hopes on a contested plan (The Guardian)
LA will host the World Cup and Olympics in the heat of summer. Will the city be ready? (LAist)
They Want to Rebuild. Can They Afford to Prevent the Next Fire, Too? (The New York Times)

See More ›

  • Link to Facebook
  • Link to LinkedIn
  • Link to Instagram
  • Link to Bluesky
    Link to Bluesky
  • Link to LinkedIn
    Link to LinkedIn
  • Link to Instagram

RESEARCH PRIORITIES

Link to: Water

Advancing access to safe, reliable, and affordable water

Link to: Climate

Uplifting community-driven climate action

Link to: Heat

Informing cooling strategies for heat-resilient communities

Follow a manual added link

Ensuring Access to Clean Energy and Transportation

RESEARCH PRIORITIES

Link to: Water
Link to: Climate
Link to: Heat
Follow a manual added link
Link to: Clean Transportation
Link to: Fire Research Hub
Link to: Urban Greening
Link to: Current Projects

RESEARCH PRIORITIES

Current Projects

CLIMATE

Uplifting community-driven climate action

ENERGY

Guiding an equitable transition to a 100% clean energy future

HEAT

Informing cooling strategies for heat-resilient communities

TRANSPORTATION

Accelerating the transition to zero-emissions mobility

URBAN GREENING

Making public spaces more green, resilient, and accessible

WATER

Advancing access to safe, reliable, and affordable water

Fire Research Hub

Stay connected. Get our latest research in your inbox.

SUBSCRIBE

PUBLICATIONS

Gas meter (left) and construction worker configuring heat pumps installedLeft: RadRafe, Wikipedia (Public Domain); Right: Marcela Gara, Resource Media, EE Image Database (CC BY-NC 2.0)

Understanding Neighborhood Decarbonization in California: What Do We Know about Senate Bill 1221?

https://innovation.luskin.ucla.edu/wp-content/uploads/2026/04/sb1221-featured-image-scaled-e1775752737233.png 1230 2458 angela wu https://innovation.luskin.ucla.edu/wp-content/uploads/2024/07/web-headers-2024-07.png angela wu2026-04-08 07:00:152026-04-10 16:04:56Understanding Neighborhood Decarbonization in California: What Do We Know about Senate Bill 1221?

Expanding Public Electric Vehicle Charging in South Los Angeles

https://innovation.luskin.ucla.edu/wp-content/uploads/2026/04/Expanding-Public-Electric-Vehicle-Charging-in-South-Los-Angeles-Featured-scaled-e1775491823656.jpeg 1707 2560 angela wu https://innovation.luskin.ucla.edu/wp-content/uploads/2024/07/web-headers-2024-07.png angela wu2026-04-07 08:00:032026-04-07 09:46:51Expanding Public Electric Vehicle Charging in South Los Angeles

Building Heat Resilient Communities

https://innovation.luskin.ucla.edu/wp-content/uploads/2026/03/Center-for-Heat-Resilient-Communities-3x2-1.png 330 495 angela wu https://innovation.luskin.ucla.edu/wp-content/uploads/2024/07/web-headers-2024-07.png angela wu2026-03-23 10:52:542026-03-24 10:28:26Building Heat Resilient Communities
Image to crop
Understanding Neighborhood Decarbonization in California: What Do We Know about Senate Bill 1221?
Apr 2026
Image to crop
Expanding Public Electric Vehicle Charging in South Los Angeles
Apr 2026
Image to crop
Building Heat Resilient Communities
Mar 2026
More Publications

Element: Fullwidth Sub Menu

Display a sub menu

Fullwidth Sub Menu Settings

Content

  • Which kind of menu do you want to display
    Either use an existing menu, built in Appearance -> Menus or create a simple custom menu here

    • Use existing menu
      • Select menu to display
        You can create new menus in Appearance -> Menus
    • Build simple custom menu
      • Add/Edit submenu item text
        Here you can add, remove and edit the submenu item text
  • Menu Position
    Aligns the menu either to the left, the right or centers it
  • Sticky Submenu
    If checked the menu will stick at the top of the page once it touches it.

Menu Item Settings

Content

  • Menu Text
    Enter the menu text here

Styling

  • Style
    Select the styling of your menu item

Advanced

  • Menu Link
    Apply a link to the menu text?
  • Open In New Window
    Select if you want to open the link in a new window and set additional SEO options
  • Custom Title Attribute
    Set a custom title attribute for the link (used as tooltip on hover by most browsers and by screen reader).
  • About
    • Mission, Approach, and Values
    • Our Team (Old)
    • Our Advisory Board
    • Our Collaborators
    • Student Opportunities
    • History
  • Research
    • Publications
    • Climate
    • Clean Energy
    • Environmental Equity
    • Clean Transportation
    • Urban Greening
    • Water
  • News
  • Events
    • Calendar
    • Webinar Library

© Copyright – UCLA Luskin Center for Innovation – Enfold WordPress Theme by Kriesi
Terms of Use
The UCLA Luskin Center for Innovation acknowledges the Gabrielino/Tongva peoples as the traditional land caretakers of Tovaangar (the Los Angeles basin and So. Channel Islands). As a land grant institution, we pay our respects to the Honuukvetam (Ancestors), ‘Ahiihirom (Elders) and ‘eyoohiinkem (our relatives/relations) past, present and emerging.
Click on the linked words to hear the pronunciation for the Tongva-language words.
3323 Public Affairs Building, Box 951656, Los Angeles, CA 90095-1656
Phone: 310-267-5435 | Fax: 310-267-5443
Scroll to top