Custom CSS styles with dentist-2 theme

Hi,


I just installed BeTheme and imported the prebuilt website dentist-2.

Now am wondering, how to style the website with custom css.


As it seems, /wp-content/themes/betheme/style.php is responsible for the styling.

But there is also /wp-content/themes/betheme/css/be.css and /wp-content/themes/betheme/css/be.min.css.


I am working with BeTheme child, but I could also work with customizer.

What is best practice here?


Thx in advance

Markus

Comments

  • Hello,

    It depends on what you want to change. If you want to modify the whole structure of classes, you should edit the be.css file. The be.min.css file is a minified version of be.css and it is active when you switch it in the Theme options -> Performance.

    If do not want to change the structure of this file, I suggest using the Custom CSS tab in theme options, where you can put your custom codes.

    Thanks

  • Ok, thank you.

    If I get it right, that means, that /wp-content/themes/betheme/style.php should never be touched for CSS styling.

    Is be.min.css file automatically created?

    Thx!

  • 1) It is not forbidden to modify any file. However, notice that we do not support file customization, and if your modifications break the functionality, we will not be able to help you.

    So if you are not sure what a particular file or function does, I suggest not touching it.

    2) Yes, they are automatically added to the theme package. Minified files are an integral part of the theme since version 25.1.5.


    Thanks

  • What is /wp-content/themes/betheme/style.php doing?

    Are these all style definitions, that come dynamically from what is entered in the BeTheme options in Wordpress backend?

    What does this script, in comparison to be.css? Respectively, what makes this file different to be.css?


    ad 2) does be.min.css automatically change its content, if be.css is changed?

  • 1) Yes, style.php takes the styles you set in the theme options, and the be.css file is responsible for static CSS code on your website.

    2) No, they are separate files, so you need to modify the file you want to use.


    Thanks

Sign In or Register to comment.