Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #543926

    Hi,

    I’m using enfold child and I would like to make some changes, with my customized selectors (id, class and #). For istance, let’s say I would like to customize a peculiar class, named XXX (this is just an example, of course). So, I open the style.css file (under appearance—editor) and after the declaration
    /*Add your own styles here:*/

    I try to insert the following:

    .(name of the class, for istance XXX) {property (text, color….;}, following the regular css rules

    This however doesn’t work. Do you have any suggestion? How can I do to really customize the content of my pages?
    Thanks in advance.
    Diego

    #543952

    Hi diego!

    Perhaps you need to use the !important override to make sure it’s not getting overwritten.

    .yourClass { color: red !important; font-size: 12px !important; }
    

    Cheers!
    Elliott

    • This reply was modified 8 years, 11 months ago by Elliott.
    #543984

    Thanks Elliot, I’ve already tried that solution, but unfortunately doesn’t work.
    Do you have any other suggestion?
    Kind regards
    Diego

    #544084

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    #544149

    Good afternoon, Mr. Rikard

    I’m afraid that this is not possible. The site is actually under construction and the legal owner gives no permission to disclosure the content of the site, which is a commercial one dealing with pharma and ethical products. Now, the question is very simple: the style.css file is not working anyway, so I cannot customize my classes and selectors. Should I insert something in the functions.php, to make it work ?
    I hope that you might help me, otherwise I will be compelled to choose another theme (with waste of time and money).
    Thank you for your understanding.
    Best regards.
    Diego

    #544199

    Hey!

    Please try add it through the custom CSS area of enfold, and let us know if it works.
    IF we do not have access to a site, it is really hard for us to help debug also.

    Thanks a lot for understanding.

    Best regards,
    Basilis

    #544213

    Dear Mr Basilis
    Thank you for your answer. Trying to add, as an example

    .myCustomClass{…….} to the CustomCSS area works regularly, without any problem. The same through style.css file doesn’t work. Am I missing anything? I cannot understand why.

    Kind regards.
    Diego

    #544241

    Hi!

    I’m afraid we’d need to check the site in order to debug this kind of issues, if that’s not possible to you i’d suggest you to stick to the Quick CSS or a plugin like this.

    Cheers!
    Josue

    #951438

    i have the same problem. moreover, i already have a website with Enfold theme that is successfully using the ‘/enfold-child/style.css’ but i can’t figure out how i set it up originally. i looked into the function.php file but it’s not declared there. now, i can’t find a way to include the file in the theme.
    credentials are shared privately.
    thank you

    • This reply was modified 6 years, 6 months ago by Basilis.
    #951899

    Hi,

    Please create a different post, I have removed your info for security reason.

    Best regards,
    Basilis

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘how to customize enfold child’ is closed to new replies.