Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #615569

    I suppose many questions could be avoided if I knew where to dig to correct Enfold elements design and their behaviour.
    I for example tired searching for classes and IDs used to color main menu items at all their stances. Of course I can ask a question but I’m afraid too much questions are going to be asked regarding CSS used in Enfold as they are too complicated to search through them by just looking.

    #616094

    Hi kacharava,

    You can set the colour of the main menu under Enfold–>Advanced Styling.

    Regards,
    Rikard

    #616229

    Thank you. But is there any kind of scheme which allows to get all classes and IDs just by one look?

    #616282

    Hi!

    No, there isn’t. However by looking at the CSS files you can get an idea of what classes are used (css/base.css, css/shortcodes.css, etc).

    Regards,
    Josue

    #616306

    You can also build a house without any blueprint, just by looking at your neighbour’s one )

    #616309

    Before looking at the CSSs I definitely must know what I am looking for. It is the problem without blueprint.

    #616331

    Could be, but at the moment there isn’t a detailed index of every class used in the theme, if you like, you can post your request here – https://kriesi.at/support/enfold-feature-requests/

    Best regards,
    Josue

    #616526

    Unfortunately the only think I want regarding Enfold theme now is to get my money back.

    #616538

    Hey!

    You can also enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your elements to give them custom classes to target them easily.

    Cheers!
    Yigit

    #616607

    It is great but only in case you already know what to change. How could I know if there is no CSS scheme provided by Kriesi? (
    Of course I can use Firefox’ “Inspect element” feature but it also doesn’t return a clear plan.
    And actually I can’t understand why it is so difficult to provide the complete documentation with the paid (and not so cheap) product.

    #616619

    Hey!

    You can find some of the code snippets here – http://kriesi.at/documentation/enfold/code-snippets/.
    Enfold has so many elements and classes and finding correct class in inspect element feature would be a lot easier than finding correct class in the documentation.

    You can feel free and ask us if there are certain CSS changes you would like to make and we would gladly help.

    Regards,
    Yigit

    #616693

    What Kriesi’s developers think about using “Inspect element” instead of the clear blueprint? :) Are they happy developing a product without documentation?

    #616702

    – How can I correct the border color for some element?
    – nothing could be easier man, you’ll definitely find the class you are looking for right here:

    .header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color span, .header_color applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a {
    	border-color: #e1e1e1;
    }

    This is a property of a main menu item, by the way. Yes, I know there is snippet provided to recolor the main menu.

    Are you sure one would find this way correct and comfortable? :)

    • This reply was modified 8 years, 6 months ago by kacharava.
    #616769

    Hey!

    Yes, a proper front-end developer would never use a blueprint in my humble opinion :) Product already has a documentation. Any kind of blueprint would be useful for developers, not for non-developers. As i mentioned, a developer would not need one for CSS, might need one for hooks and we are happy to provide them if needed :)

    To be honest, i feel like you already have enough experience to find your way around. If you take a quick look at – https://developer.chrome.com/devtools or similar for other browsers, i believe you will not be needing a blueprint.

    As i mentioned earlier, if you point out certain elements and tell us the changes you would like to make, we are more than happy to help you :)

    Code you posted above is clearly for header. If you would like to change color of all borders that are in header, you can simply use

    #header * {
        border-color: red;
    }

    If you would like to change specific section, please point it out.

    Cheers!
    Yigit

    #616850

    I don’t need to alter any header at all, it was just a hugest part of classes located in the single place I could find. )
    I have experience, but I don’t have time.

    So, ok. I’ve got the point, we can close the topic.
    Thanks! )

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Is there any CSS blueprint for Enfold theme?’ is closed to new replies.