Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • June 9, 2017 at 4:50 pm #806142
    GabrielSenn

    Please see http://dev.mediabox.ca/3/events/national/westerntest/ for reference

    I am trying to gave a few icons side by side, but hey seem to stagger no matter what I try :(

    Any ideas? Thank you in advance!

    PS. Because of my layout, in many cases I will not be able to use Layout Elements or tables to set the icons side by side.

    June 11, 2017 at 7:18 am #806481
    Rikard

    Hey GabrielSenn,

    It looks like there is a line break tag between them which is causing that, could you try removing all spaces and line breaks between them in the editor please?

    Best regards,
    Rikard

    July 6, 2017 at 1:56 am #816979
    GabrielSenn

    Hello Rikard,

    You are correct, the <BR> are causing the problem. However, I am not inserting them! It is either ENFOLD or WP doing the did :(

    I have tried a million things and finally figured out that the problem happens when I have the icon elements inside a layout element. Please see this sample:

    icontest2

    Any suggestions, please?!

    • This reply was modified 7 years, 4 months ago by GabrielSenn. Reason: Sample URL not displaying properly?
    July 6, 2017 at 7:14 am #817073
    Rikard

    Hi,

    Thanks for the example page, could you post login details in private so that we can have a closer look please?

    Best regards,
    Rikard

    July 6, 2017 at 2:39 pm #817277
    GabrielSenn

    Hey Rikard,

    Thank you for the prompt reply! Info attached.

    Please, if possible, avoid turning off plugins. I’ve already removed those I considered potentially responsible for the problem.

    Cheers,
    Gabriel

    July 7, 2017 at 5:03 am #817589
    Rikard

    Hi,

    A line break is added automatically after the elements inside of layout elements, that is why it’s behaving like that. I’m not sure when you would have to have them inside of the 1/1 element though, isn’t it easier doing it the way you did it in the first section? You could also try to use 1/4 elements to display them all inline.

    Best regards,
    Rikard

    July 7, 2017 at 3:18 pm #817877
    GabrielSenn

    Hello Rikard,

    It is inside a 1/1 as an example. I changed the sample from 1/1 to 3/4 just to show you the issue persists. Any solutions?

    Cheers,
    Gabriel

    July 8, 2017 at 6:32 am #818080
    Rikard

    Hi,

    Ok, I see what you mean, that is not what I’m saying. I’m just asking you why you need them to be inside of the layout element, why not keep them outside if that works?

    Best regards,
    Rikard

    July 8, 2017 at 6:01 pm #818234
    GabrielSenn

    Rikard, I can think of several reason why I would need them inside a layout element. Just to name one such sample, the attach illustration (which is something I actually will need to do on some pages) shows it.

    Layout element’s are Enfold’s features and as such, I don’t understand why Enfold is dropping the <br> in there.

    Is there a solution?

    Icon problem sample

    July 10, 2017 at 2:43 pm #818760
    Victoria

    Hi GabrielSenn,

    Could you pleas enable the Advanced Layout Builder debug mode, so that we can see what shortcodes are generated. Here is how to do it.

    Enable Avia Layout Builder Debug

    Best regards,
    Victoria

    July 10, 2017 at 4:41 pm #818852
    GabrielSenn

    Done Victoria. Please let me know once I can change it back. Thank you!

    July 10, 2017 at 7:20 pm #818946
    Victoria

    Hi GabrielSenn,

    I did a test on my instance, did not get the br and on yours got line breaks, they are annoying. Do you have auto p enabled? That could be the reason. https://wordpress.stackexchange.com/questions/200469/new-method-to-disable-wpautop-after-wp-4-3

    Best regards,
    Victoria

    July 10, 2017 at 9:25 pm #818990
    GabrielSenn

    Do you have auto p enabled?

    Nope. That’s not it.

    I am working around it for now, but a solution would be best.

    Thanks again!

    July 11, 2017 at 1:25 pm #819329
    Victoria

    Hi GabrielSenn,

    Here is the code you can adjust to strip br and put in your funtions.php

    
/* remove all nbsp's when content is saved */
add_filter('content_save_pre','remove_buggy_nbsps',99, 1);

function remove_buggy_nbsps($content) {
   //strip both types of non-breaking space in case NGG or similar is installed
   $content = str_replace(' ',' ',$content); 
   $content = str_replace('\xc2\xa0',' ',$content); 

   return $content;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 11, 2017 at 4:48 pm #819511
    GabrielSenn

    Hello Victoria, Thank you for the quick response time on this.

    So… Will this not affect ALL content? Remove <BR>‘s weather they are needed or not?

    I’ll try to see if I actually use any <BR>‘s in my site and if I do not, I’ll apply this fix.

    Cheers!

    • This reply was modified 7 years, 4 months ago by GabrielSenn.
    July 13, 2017 at 9:17 pm #820781
    Basilis

    Hi,

    Please feel free to let us know if there is anything else we can do for you.

    Thank you very much

    Best regards,
    Basilis

    July 13, 2017 at 11:19 pm #820856
    GabrielSenn

    Thank you Basilis! Yes, it would be great too know if this can be resolved without affecting all of the site by removing <BR>‘s when they are needed.

    July 14, 2017 at 3:22 pm #821206
    Victoria

    Hi GabrielSenn,

    You can adjust that code, to only apply to the page with those icons and unnecessary breaks. That way it will not affect other pages.

    Best regards,
    Victoria

    July 14, 2017 at 5:33 pm #821306
    GabrielSenn

    That’d be super Victoria. Thank you!!!

    Could you please advise on how I’d do that? (sorry about my ignorance on this)

    July 14, 2017 at 8:57 pm #821418
    Nikko

    Hi,

    You can wrap the code with a conditional tag to make it apply on specific pages: https://codex.wordpress.org/Conditional_Tags
    Hope this helps.

    Best regards,
    Nikko

    July 14, 2017 at 9:03 pm #821422
    GabrielSenn

    Thank you Nikko! It does.

    Cheers all.

    July 14, 2017 at 9:34 pm #821443
    Nikko

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Content Element > Icon > How can I align a few icons side by side?’ is closed to new replies.