Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #449703

    I’m having a hard time affecting the color of the page headings. It would be super helpful if there was some sort of reference that showed examples of how the theme option settings are actually applied to elements on the page. Is there such a thing?

    Thanks!

    #449704

    Hi Kevin!

    You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your headings a custom class and change their colors using custom CSS code in Enfold theme options > General Styling > Quick CSS field

    .your-custom-class { color: orange !important; }

    If that is not what you wanted, please elaborate on the changes you would like to make.

    Cheers!
    Yigit

    #449711

    Hi, Yigit. Thanks for the reply. That’s not really what I’m asking. What I’m wondering is if there’s some way to see which settings in Theme Options > General Styling affect which aspects and elements on the page. Does that make sense?

    Thanks!

    #449819

    Hey!

    I’m not sure I understand what you mean but you can inspect each element on a page by right clicking and selecting Inspect Element in most browsers. That will show you all CSS being applied to each element and other information about the source of the page.

    Cheers!
    Rikard

    #451950

    Thanks for replying. What I’m saying is that Enfold (for example) has settings called Main Content > Alternate Background color and Alternate Content > Alternate Background color. I’d like to have a better understanding of what constitutes “Alternate Content” (again, for example) and know when the style settings under Theme Options are going to be applied. It would be great if there was some “key” that would help users understand and differentiate these settings and be able to visualize in what cases each of them will be used. As it is, it’s just a matter of trial and error.

    Does that make sense?

    Thanks!
    Kevin

    #452367

    Hi!

    You can set all default styling in the Main Content panel. Alternate Content settings will only be applied if you use a color section then set the Section Background > Section Colors to Alternate Content. All elements inside the color section will inherit the alternate content settings. And if you want to use your own custom css modifications, use the Quick CSS field.

    Regards,
    Ismael

    #483319

    Hi
    I’m really struggling to ID which areas of the page are described in the CSS so I can edit the CSS in Quick CSS. For example, I have a sub-menu in a widget as a side menu, and I want the colours for the link, on_hover and active to be different from the main menu in the header.

    Its not obvious how to edit the p tag (without adding it manually) or to change the font size and line spacing in the main content area – although I can do this with some effort…

    I use Chrome to select an element on the page and use the INSPECT ELEMENT, but its a struggle for me to ID which DIV is controlling what.

    I’m working on a site just now, and have tried importing the CSS from another Enfold site, but the code doesn’t work.

    Im also trying once again to MOVE the main menu headings down to nearer the horizontal rule, but am failing miserably and spending a lot of time getting nowhere.

    Enfold is a great theme but way too complicated when one starts looking at the CSS. The GENERAL STYLING window doesn’t show every element of the page layout – like for example, a sub-menu in a side menu widget.

    Thanks

    #483667

    Hey!

    If you don’t mind, please create a new thread for your inquiries. A screenshot of the element that you’re trying to modify will help. For the widget or sidebar links, if I am not mistaken, you can use this in the Quick CSS field:

    .main_color .sidebar a { color: red; }
    

    Regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.