-
Posts
-
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.Hi kacharava,
You can set the colour of the main menu under Enfold–>Advanced Styling.
Regards,
RikardThank you. But is there any kind of scheme which allows to get all classes and IDs just by one look?
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,
JosueBefore looking at the CSSs I definitely must know what I am looking for. It is the problem without blueprint.
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,
JosueHey!
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!
YigitIt 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.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,
YigitWhat Kriesi’s developers think about using “Inspect element” instead of the clear blueprint? :) Are they happy developing a product without documentation?
– 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? :)
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
- The topic ‘Is there any CSS blueprint for Enfold theme?’ is closed to new replies.