Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 24, 2018 at 5:04 pm #1001313
    jvana

    I have added social icons in a widget on one of our pages using the same method to put them in the footer (ul list with formatting).

    You can see it at http://www.igniteyourcampus.com/about/founder/

    Is there a way to center the icons in the widget so they show up centered under the Connect with Jason header? Also how do I remove the right border?

    Thanks!

    August 25, 2018 at 7:11 am #1001495
    Vinay

    Hey jvana,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Social icons*/

#top .widget ul {
    display: flex;
    justify-content: center;
}

    Enable custom CSS class name support from developer options in Enfold > Layout builder and add a custom css class name to the text box element to target specific areas.

    Best regards,
    Vinay

    August 25, 2018 at 4:14 pm #1001660
    jvana

    Hi @Vinay –

    That worked, but how do I get rid of the separator lines / border between the icons?

    Thanks!

    August 25, 2018 at 6:22 pm #1001712
    Victoria

    Hi jvana,

    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

     
#top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {
    border: none;
}

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

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