Subscribe to Our Newsletter

x

Writing Custom CSS in Custom HTML Elements + Correctly Referencing Layouts and Elements

It's tempting to reference custom CSS using Google Chrome's debugging tools to look up page layout IDs.


Here's an example:

This method works, but only temporarily in the long run. The right way to do this is by referencing elements by name instead of layout ID. This way, nothing breaks when you change page layouts and the IDs follow suit. By choosing the names of elements over IDs, the names will also remain the same when performing layout tests.

Here's where you can name a class in an Element Wrapper:

You can also add custom CSS to a Custom HTML element:

Using a naming structure should help you organize your site build and make layout testing a smooth operation.

If you have any questions about how this works, contact your account manager today.

NEW! Beta Posts Dashboard: Filtering and Search UI Upgrade

New Filters in Posts Dashboard

We've implemented new filters that allow users to easily find exactly what they need in their posts dashboard. You can now customize your search results by:

  • Creators You Follow
  • Rating
  • Post Status
  • Post Type
  • Period
  • Sections
Here's what the new filter menu looks like:

Easy-to-Use Search Queries

In the same slick user interface, you can also create search queries and combine them with your filtered results:

  • Post Search
  • Creator Search With Ajax Autocomplete
  • Community Search

This is an exciting step forward in enhancing the editorial experience for our users. It should now be much simpler to narrow down results to exactly what you're looking for.

Here's how the workflow looks in action:

If you have any questions about these dashboard updates, please email support@rebelmouse.com.

Subscribe to Our Newsletter