Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 4, 2014 at 3:00 am #274349
    noble51

    Greetings.

    In the past you have helped me with some CSS for aligning up Check Mark icons so the second line, lines up with the text below.

    But depending on what page and what instance it is at it either works or does not.

    See here: http://ng-sandbox.com/keystone/about-keystone/

    See in the section called: PLANNED SPONSOR SERVICES

    The checkmarks – then the second line goes under the checkmark – I’d like for them to line up with the fist line.

    Like how you had me use CSS to do it here: http://ng-sandbox.com/keystone/employee-benefits/

    Thanks in advance

    Paul

    June 4, 2014 at 3:03 am #274350
    noble51

    Whoops – looks like some of the check marks 2nd line line up on this page and some don’t.

    See this page and the about page
    http://ng-sandbox.com/keystone/employee-benefits/

    June 4, 2014 at 5:28 pm #274588
    Yigit

    Hi Paul!

    I hope all is well :)
    Please firstly turn on custom CSS field for Advanced Layout Builder elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    then edit your text block elements and give them a custom CSS class, i.e. “text-with-icon” without quotes. then add following code to Quick CSS in Enfold theme options under General Styling tab

    .text-with-icon .av_font_icon { height: 30px; }

    Best regards,
    Yigit

    June 4, 2014 at 5:46 pm #274598
    noble51

    Yigit:

    Yikes!!! Is this something new?
    In the past I was given some CSS code to put in the Quick CSS area.

    A bit confused.

    Here are two examples of CSS I was given in the past that pushed the second line over.

    .avia-promocontent .avia-icon-pos-left {
    margin-left: -18px;
    }

    div.group-benefits-description {
    margin-left: 20px;
    }

    .home .avia-icon-pos-left {
    margin-left: -18px;
    }

    June 4, 2014 at 5:54 pm #274602
    Yigit

    Hey!

    Not that new not that old :)
    You can try following code

    .av_font_icon {
height: 30px;
}

    but to enable custom CSS field would be a point blank solution

    Cheers!
    Yigit

    June 4, 2014 at 6:03 pm #274608
    noble51

    LOL:

    Dumb question – where do I enable custom CSS field?
    Is it the pull down options called “SCREEN OPTIONS”??? On top of the “Pages/Posts” area?

    Ohh… So your saying to add this to the functions.php file:

    First Add this line of PHP to your functions.php file so that the custom class field is enabled:

    add_theme_support(‘avia_template_builder_custom_css’);

    And this field will now show up in the Avia Layout Builder styles options?

    June 4, 2014 at 6:07 pm #274610
    Yigit

    Hi!

    Exactly, you should add the code to Functions.php file in Appearance > Editor and edit your elements, you should see custom CSS field at the bottom – http://i.imgur.com/DCQeLuQ.png

    Best regards,
    Yigit

    June 4, 2014 at 6:13 pm #274614
    noble51

    Yigit:

    I just did it and it worked perfectly!!!
    Thank you so much!

    Once again… You deserve a pay raise. Please show this message to your boss for more money! :)

    Take care!

    June 4, 2014 at 6:16 pm #274617
    Yigit

    Hi!

    Awesome! :)
    I’m always glad to help Paul, let us know if you have any other questions or issues :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Iocn Text Alignment’ is closed to new replies.