Changing the Theme of an SB You (WordPress) Site

Audience: Clubs, Faculty, Guests, Postdocs, Researchers, Staff, Students and Teaching Assistants

This KB Article References: SB You
This Information is Intended for: Clubs, Faculty, Guests, Postdocs, Researchers, Staff, Students, Teaching Assistants
Last Updated: December 05, 2022
Average Rating: Not Rated
Your feedback is important to us, help us by logging in to rate this article and provide feedback.

You can change the theme of your SB You site, but before switching, be sure to preview how the theme will look and affect your existing content. 

Before Switching: Preview a new Theme

Before changing your site's theme, preview it because changing a theme can affect your site content, menus, widgets, theme-specific content, etc., so be sure to preview your site like this:

  1. Go to you.stonybrook.edu and log in by clicking Log in near the top left
  2. Navigate to your site by clicking, near the top left, My Sites, selecting your site and then selecting Dashboard
  3. On the left, select Appearance and select Themes
  4. To preview a theme, hold your mouse over the theme card and click Live Preview 
    Tip: The recommended theme is CampusPress Flex; scroll down to find and preview it
    sb you site >dashboard > appearance > themes > live preview
  5. In the live preview, click through you site's pages, posts, etc. to see how the theme works with your site. Before clicking to activate the theme, make a note of your current theme's widgets, menus, and customizations first as per below:

Change Your Theme

When changing your theme, first make a note of your current widgets, menus, and customizations. Then, change your theme.

  1. Go to you.stonybrook.edu and log in by clicking Log in near the top left.
  2. Navigate to your site by clicking, near the top left, My Sites, selecting your site and then selecting Dashboard.
     My Sites > [site name] > dashboard
  3. Note Widgets' Settings:
    1. In your Dashboard, click Appearance, and then click Widgets. The active widgets are shown in the panel on the right side.
    2. Click the arrow to open each of the panels. Make a note of all the widgets and their settings (printing the page, paste a screenshot into a Google Doc, take a phone picture of the screen, etc.)
  4. Note Menus:
    1. Click Appearance, then Menus, and make a note of the menus (printing the page, paste a screenshot into a Google Doc, take a phone picture of the screen, etc.)
  5. Note Custom CSS:
    1. If your site uses Custom CSS, make a copy of the code for reference. Click Appearance, then Custom CSS. Select the code and then copy and paste it into a file you save on your computer. After the new theme is applied, paste the code back into the Custom CSS widget.
      Note: Your custom CSS may not work properly with the new theme. (Themes may have different classes or names for objects.) If you're comfortable troubleshooting the CSS, make any changes necessary. 
  6. Change your theme as per CampusPress documentation for changing a theme.
  7. Adjust widgets, menus, etc.
    1. Using the notes you made above from widgets, menus, and other customizations, adjust/reset your widgets/menus/etc. as needed. 
  8. Repeat for other blogs as needed. 

Additional Information


Files & Links

Provide Feedback


Your feedback is important to us, help us by logging in to rate this article and provide feedback.

Sign in with NetID

Getting Help


The Division of Information Technology provides support on all of our services. If you require assistance please submit a support ticket through the IT Service Management system.

Submit A Quick Ticket

Supported By


Customer Engagement and Support