Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 5, 2015 at 2:50 pm #406424
    deadpeasant

    Every time I try a new avia element, I cannot customize it. Is there a general syntax for this?
    This works for a text block:

    .avia_textblock.awesome-textblock p {
font-size: 30px;
padding: 0px;
line-height:90%;
font-family: Bitter;
}

    But this does NOT work for a promo box:

    .avia_promobox.awesome-promobox p {
font-size: 30px;
padding: 0px;
line-height:90%;
font-family: Bitter;
}

    Confused.

    March 5, 2015 at 3:19 pm #406435
    Günter

    Hi Geoff!

    Thank you for coming back.

    Not really. You have to inspect the hierarchie of classes to the element you need (e.g. using FireBug).

    This differs from element to element.

    This will work:

    
.avia-promocontent p {
    font-size: 25px !important;
}

    You should add !important to all changes you make in custom.css or QuickCSS to ensure, that it overwrites other settings.

    Regards,
    Günter

    March 5, 2015 at 5:34 pm #406537
    deadpeasant

    Thanks for the quick reply Günter. I just remembered also the advice given here to use Google inspector. I tried that a moment ago and found the correct avia element label. I’m learning.

    March 6, 2015 at 5:57 am #406809
    Rikard

    Hi!

    Great, just get back to us if you should have any more questions.

    Cheers!
    Rikard

    March 14, 2015 at 6:34 pm #411538
    deadpeasant

    Darn, I’m confused again by promo boxes. They seem very useful, but I would prefer to be able to control each promo box separately – not change all promo boxes to be the same.

    Please:
    1. how do I control font-size in individual promo boxes?
    2. how do I control font-family in individual promo boxes?
    3. how do I control padding in individual promo boxes? (There is too much space separating the text from elements above or below.)
    4. how do I control the padding between text and button within individual promo boxes? (This is the MAJOR issue – I have text running on top of the button, which is terrible.)
    5. can I control the placement of the button in individual promo boxes? (It seems only possible at the right.)

    Thanks

    March 16, 2015 at 9:27 am #411961
    Ismael

    Hi!

    If you want to modify a specific element in the advance layout builder, you need to enable the custom css class. Basic knowledge in google inspector or firebug plugin can be very useful. Refer to this link for more info: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Regards,
    Ismael

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