How and what CSS can be added in Views UI?

Created on 6 September 2023, 10 months ago
Updated 30 May 2024, 27 days ago

Problem/Motivation

I am a site builder with only basic knowledge of CSS. I am trying to make some simple tweaks to views and haven't figured out where to best make those changes: Views UI, custom.css in my subtheme CSS folder, or elsewhere.

Steps to reproduce

Sample use case working with Bootstrap Cards view:
--Center the Title, image, and (possibly) body fields within the Cards
--Vanish the card border (either change to 0px or make card border color "none"

(I have similar questions for other View types, but maybe I can figure them out from the Cards use case.)

Thanks for any notes that can be provided--I hope this support request is not too remedial. This module is very useful for people with little to know theming experience.

It would be nice to have a few simple guidelines in documentation about what CSS customizations can go directly into the Views UI, or at least by giving an example that lets a user cross-reference the Bootstrap documentation for class options with the Views UI.

Also, it would be nice to know if there are some class changes that have no where to go in the Views UI and have to be put into custom.css.

💬 Support request
Status

Needs review

Version

5.5

Component

Documentation

Created by

🇺🇸United States bunthorne

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024