Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • September 24, 2018 at 6:28 pm #1013742
    shedoesitcoaching

    Hi Enfold team,

    On May 17th I’ve posted a ticket about how to align the content of the 2nd column in my footer.

    I added the following code to my quick CSS:
    #text-8 {
    text-align: center;
    }
    #text-8 .textwidget {
    width: 40%;
    margin: 0 auto;
    }
    #text-8 .wp-image-609 {
    margin-right: 0px;
    }

    But now it isn’t aligned anymore…..
    Maybe because I’ve used the WPML plugin to translate the footer, too?

    I hope you can help me!
    Eefke

    September 24, 2018 at 8:41 pm #1013830
    Jordan Shannon

    Hey Eefke,

    Yes perhaps the id’s have changed.

    Best regards,
    Jordan Shannon

    September 24, 2018 at 8:45 pm #1013831
    Jordan Shannon

    Hi,

    I’m assuming you want it centered correct?

    Best regards,
    Jordan Shannon

    September 24, 2018 at 8:52 pm #1013841
    shedoesitcoaching

    yes please

    September 24, 2018 at 10:55 pm #1013882
    Jordan Shannon

    Hi,

    add this to quick css:

    #footer .av_one_third:nth-of-type(2){
padding:0 100px!important;
}

    Best regards,
    Jordan Shannon

    September 25, 2018 at 11:09 am #1014132
    shedoesitcoaching

    Yes that worked! Thanks Jordan.
    Is it also possible to align the social media icons in the centre? They are now aligned to the left.

    September 25, 2018 at 5:34 pm #1014315
    Jordan Shannon

    Hi,

    I’m glad my first suggestion worked. Add this to quick css to center the rest:

    #footer #text_icl-3{
text-align:center!important;
}

    Best regards,
    Jordan Shannon

    September 25, 2018 at 6:51 pm #1014386
    shedoesitcoaching

    Hi Jordan,

    Thanks, it worked for my English page.
    Unfortunately not for my Dutch page…. Any idea?

    September 25, 2018 at 6:54 pm #1014389
    Jordan Shannon

    Hi,

    Hmmmm, perhaps the ductch places another id on it. I’ll check again. In the meantime, please clear cache while Dutch is activated to see if that works.

    Best regards,
    Jordan Shannon

    September 25, 2018 at 6:59 pm #1014394
    shedoesitcoaching

    ok! I’ve cleared the cache

    September 26, 2018 at 2:46 pm #1014754
    Victoria

    Hi shedoesitcoaching,

    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

    
#text_icl-3 .textwidget {
   padding-left: 17px; 
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 26, 2018 at 3:14 pm #1014775
    shedoesitcoaching

    Hi Victoria,

    Thanks for your reply!

    It didn’t work in the quick css.
    What do you mean with the custom css?

    September 26, 2018 at 5:36 pm #1014883
    Jordan Shannon

    Hi,

    Did you add to the very top of quick css so it runs first? Also clear your cache a few times over. Custom.css is a file found in the CSS folder of the theme.

    Best regards,
    Jordan Shannon

    September 26, 2018 at 9:16 pm #1014995
    shedoesitcoaching

    Yes I’ve tried that, too.
    But unfortunately nothing has changed….

    Any other ideas?
    Thanks in advance!

    Eefke

    September 27, 2018 at 6:16 pm #1015425
    Victoria

    Hi Eefke,

    It gets centered with this code
    Image 2018-09-27 at 19.13.31.png

    https://cl.ly/a4a308038f78 I put the code in Quick css in the English version and it worked. You can copy it to other languages.

    Best regards,
    Victoria

    September 27, 2018 at 8:54 pm #1015513
    shedoesitcoaching
    This reply has been marked as private.
    September 27, 2018 at 9:22 pm #1015519
    Jordan Shannon

    Hi,

    This service works for screenshots:

    https://snag.gy/

    Best regards,
    Jordan Shannon

    September 27, 2018 at 9:28 pm #1015521
    shedoesitcoaching

    I know how to make it, but can I upload it here?

    September 27, 2018 at 9:29 pm #1015522
    Jordan Shannon

    Hi,

    You have to share via a link.

    Best regards,
    Jordan Shannon

    September 27, 2018 at 9:37 pm #1015524
    shedoesitcoaching

    Thanks! see the link in the private area

    September 30, 2018 at 8:53 am #1016219
    Dude

    Hi,

    I fixed it by replacing the alignleft classes with aligncenter classes in the widget code (both languages) and by changing the css code in the quick css field to:

    
#footer .av_one_third:nth-of-type(2){
/*padding:0 100px!important;*/
text-align:center!important;
}

#footer .av_one_third:nth-of-type(2) a, #footer .av_one_third:nth-of-type(2) img{
display:inline;
padding: 0 5px;
}

    (also both languages).

    Best regards,
    Peter

    September 30, 2018 at 9:09 pm #1016335
    shedoesitcoaching
    This reply has been marked as private.
    October 2, 2018 at 6:28 am #1016893
    Ismael

    Hi,

    I’ve replied to that thread. I think you’ve managed to align the elements properly. Please feel free to open a new thread if you need anything else.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Align content 2nd column footer’ is closed to new replies.