Location of stylesheet for Supreme and/or Directrory starter theme

This topic contains 3 replies, has 3 voices, and was last updated by  Alex Rollin 6 years ago.

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

Open Support Ticket

Tagged: ,

  • 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
Viewing 4 posts - 1 through 4 (of 4 total)

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount