XF 2.2 Where do I round forum display corners and mimic old VB skin?

[philmckrackon]

Where do I round forum display corners and mimic old VB skin? I have been looking but am unable to replicate what I had in VB. I'm sure I am just missing the obvious... Also what is the best source for expanding my knowledge of Xen's CSS? Using 'Inspect' in Chrome doesn't always get it for me. Thank you.

GOAL:


CURRENT1 (looks rounded but is not):


CURRENT2: (Zoomed in - not rounded)

 

[philmckrackon]

Figured out the rounded corner by altering Appearance >> Styles >> Style Properties >> Border radius >> Medium border radius:

Any idea on how to simulate ( gradient, thin border, an background) what the green arrows are pointing towards and CSS documentation as well as tutorials?

 

[BassMan]

You can add your own CSS code to extra.less template. Use browser inspector to find the right classes.

 

[philmckrackon]

Thanks for the reply. I have several additions to extra.less. I do use Inspector but where can I find a list of all of the css modifiers that I can use and what I need to make changes to mimick my old VB style?

 

[Paul B]

where can I find a list of all of the css modifiers that I can use

Functions | Less.js

Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).

lesscss.org

CSS Tutorial

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com