Styling apps and elements with CSS (that normally you can't)

Introduction:
Having learned that you can use combinators in CSS, I decided to see what elements within Studio I could target and customize further than what the inspector tools allow. A good example is rounding out the corners of the Blog Post page, which doesn’t have a setting within the inspector panel.

How I did it:
I used the code panel within Wix Studio, the global.css file, the element toolset within my browser’s Developer tools to find the selectors, and the MDN web docs to learn more about CSS syntax.

Tools, Documentation and APIs:

Example:
You can check out a video of what is CSS, how to add it within Studio, setting custom classes, the general ruleset, and then how to use combinators to target these elements/selectors/attributes.
Youtube Video

2 Likes

Thats great to know. I have heard many ask about rounded corners to the blog post page

1 Like

Glad it helps. I’ve gotten a few requests for blog post rounded corners.