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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.