Location of stylesheet for Supreme and/or Directrory starter theme

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: stylesheet, supreme theme

Author

Posts
January 26, 2019 at 10:08 pm #465594

Ria
Full Member

Post count: 68

Hi, I am looking to make a bunch of small changes in the styling of our website. This might be changes in the size of a page title, or chang ethe font type, or more space between some things, or changing the padding of an image etc etc etc.

I know I can put the css code in the additional css field in the customizer.

Normally one would find the file style.css in the root of the theme you are using.

I am using the V2. I am using Supreme theme. Since this is a child theme of directory starter..I imagine I need style.css of the directory starter theme. I have looked everywhere with Filezilla FTP but the only style.css I could find are empty without any css. Checked as well the public html as the private html maps.

Can you please indicate where I can find the style.css of the theme.

As always thanks for your help.

January 27, 2019 at 12:34 am #465607

Guust
Moderator

Post count: 29970

Use the style.css file of the child theme [Supreme].
But make sure not to overwrite it if there ever is an update of Supreme, you will have to merge the changes then.
Thanks

January 27, 2019 at 2:32 pm #465643

Ria
Full Member

Post count: 68

Hi Guust, thanks for your reply.

I am familiar with the way how child themes and style sheets work. So yes, I will put my code in the stylesheet of the child theme or in the customize and of course I wont make changes in the original stylesheet.
But I need to know how all the elements are named in order to put my changes in the right place
The only way of finding out I have now is the site inspector of my browser. To find the right element where to attach it too with the only help of the site inspector is in this case a very time consuming thing.
So it would really be great to be able to find the style.css with all the elements, download it to my computer and have insight in how you built it up and to see how the elements are named where I need to make changes and then put the changes in the stylesheet of the child theme. (That way I have been styling all my websites I have build. And like I wrote, normally I would find the complete list of elements in the style.css of the mothertheme. But the style.css of the directroy starter is empty)

As always thanks for your help

January 27, 2019 at 7:16 pm #465671

Alex Rollin
Moderator

Post count: 27815

Both themes have many css files in

/assets/css

The files are not made for human consumption, by and large, but instead optimized for interpretation by the browser for speed of render.

The inspector is indeed the way to examine the CSS that is in effect for each element.
Author

Posts