Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 27, 2018 at 11:45 am #990646
    diefleischerei

    hey. can you help me to arrange this ivons in one line. which elements from the ALB should i use?

    July 28, 2018 at 6:11 am #990881
    Rikard

    Hi Alex,

    The page you linked to is password protected, could you share the password in private please?

    Best regards,
    Rikard

    July 28, 2018 at 2:39 pm #990919
    diefleischerei

    OK. thank you.

    July 28, 2018 at 8:15 pm #990963
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field:

    #av_section_11 .av_font_icon {
display: inline-block !important;
}
#av_section_11 .post-entry-12 {
text-align: center !important; 
}

    Best regards,
    Mike

    July 28, 2018 at 9:52 pm #990974
    diefleischerei

    Thank you mike. but this is my landingpage, so murch more color sections will come in future. so can you please help me to pack this code in a custom css class, so i can add it to my footer color section. thanks, alex

    July 28, 2018 at 10:08 pm #990976
    Mike

    Hi,
    Sure, add the custom id “af_social” to the section you want the social icons in, then add this Quick CSS:

    #af_social .av_font_icon {
display: inline-block !important;
}
#af_social {
text-align: center !important; 
}

    Best regards,
    Mike

    July 30, 2018 at 1:33 pm #991503
    diefleischerei

    Hey Mike, thank you.

    I have added “af_social” to the color section but nothing happens. have i done somehting wrong? greetings, Alex

    July 30, 2018 at 5:34 pm #991632
    Victoria

    Hi diefleischerei,

    Can you wrap just the icons in some div? Hard to center them the way they are now.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#af_social .av_font_icon {
    display: inline-block;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 30, 2018 at 6:01 pm #991643
    diefleischerei

    OK Thanks Victora. i Have put them into a div and have applied the “af_social ” class to the div. but it do not work ;(

    August 1, 2018 at 6:11 am #992174
    Mike

    Hi,
    I’m sorry, I gave you the wrong code. Please try this instead:

    .af_social .av_font_icon {
display: inline-block !important;
}
.af_social {
text-align: center !important; 
}

    Best regards,
    Mike

    August 1, 2018 at 9:40 am #992281
    diefleischerei

    No problem, thanks for the great help.

    But it still do not work: https://imgur.com/a/7hHcwug

    August 1, 2018 at 12:44 pm #992367
    Mike

    Hi,
    Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    August 2, 2018 at 1:32 pm #992869
    diefleischerei

    Sure. Please look into it :)

    August 2, 2018 at 1:33 pm #992870
    diefleischerei

    i have also another problem. when i try to change the permalink there is an error.

    August 3, 2018 at 5:14 am #993079
    Mike

    Hi,
    Thanks for the login, I re-saved your theme settings to regenerate your merged css, and now the social icons are lining up. I believe this was a caching issue. Please clear your browser cache and check.

    I was able to change your page to speaker, I’m not sure why you could not. Please check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘arrange icons in line’ is closed to new replies.