Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 17, 2017 at 11:14 pm #840650
    Justin

    Hey guys, can you help?
    Just looking to style 3 footer columns to be spaced like you see in the png below…

    and alos have the social icons styled to look the same (actual link to work in progress site is below….)

    August 18, 2017 at 11:29 pm #841075
    Justin

    Any update here? Thanks!

    August 19, 2017 at 11:51 pm #841492
    Mike

    Hi,
    I would try the plugin https://wordpress.org/plugins/widget-css-classes/
    to add classes to the widgets, then set the first widget to:
    width: 450px;
    margin-left: 20%;
    the middle one to:
    width: 160px;
    margin: 0px;
    and the last one to:
    width: 160px;
    margin: 0px;
    my test created the image in the Private Content area.
    You could then add the new social icons that you find at Fontello though Upload/Select Fontello Font Zip, in the Enfold Theme Options

    Best regards,
    Mike

    August 21, 2017 at 5:46 pm #842124
    Justin

    Thanks Mike,
    Trying what was recommended. BBB just does NOT want to move over.
    Then the whole mobile thing needs to be tackled next. Looks rough.

    August 24, 2017 at 7:54 pm #843662
    Basilis

    Hi,

    Yeap, you are right.
    That is because we are ” braking ” the grid. When we do that on one view it will brake eveyrthing.
    I suggest either custom code a grid you need for that to work, or if you are going to work with enfold widgets, try to either match your design on the space that exists, or add custom html inside each widget, that with padding / margins you will position properly.

    Let me know if that works for you properly.

    Thank you

    Best regards,
    Basilis

    August 24, 2017 at 7:56 pm #843663
    Justin

    Thanks Basilis. Now I am just thinking I will create ONE widget, and add custom HTML within it to make it work.

    August 25, 2017 at 9:10 pm #844167
    Justin

    Basilis if you look now, it’s getting closer. BUt your theme appears to interfere with Gravity Forms inline styling for the newsletter signup. The button is suppose to be right of the form field. It’s rendering below it. Thoughts?

    Thanks

    August 29, 2017 at 5:00 am #845177
    Ismael

    Hi,

    Please try the following css code.

    .kohala .textwidget div {
    float: left !important;
    clear: none;
}

    Please enable 3 columns in the footer, separate the widgets then specify the width of each columns by using the following css code.

    #footer div .flex_column:nth-child(1) {
    width: 50%;
}

#footer div .flex_column:nth-child(2) {
    width: 20%;
}

#footer div .flex_column:nth-child(3) {
    width: 20%;
}

    Adjust the values as needed.

    Best regards,
    Ismael

    August 29, 2017 at 6:46 am #845216
    Justin

    Thanks Ismael. that’s the solution I was looking for. Any idea on how best to integrate a FaceBook, G+ and Instagram icon?

    August 30, 2017 at 7:50 am #845655
    Ismael

    Hi,

    You can use a text widget and create the html manually or use a third party plugin.

    // http://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/

    Best regards,
    Ismael

    August 31, 2017 at 12:43 am #846029
    Justin

    Ismael thanks. Trying the Simple Social Share. Just need it to align left. The float:left option doesn’t work. can’t imagine it’s theme related…?

    August 31, 2017 at 5:17 pm #846406
    Victoria

    Hi Justin,

    Is this what you need?

    
.simple-social-icons ul li:first-child {
  margin-left: 0px !important;
}

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

    August 31, 2017 at 11:56 pm #846564
    Justin

    Getting closer…thanks. Now to get everything centered at the bottom.

    September 1, 2017 at 10:15 am #846767
    Ismael

    Hi,

    The total width of the footer columns is 90% so moving the container 5% to the right should do it.

    @media only screen and (min-width: 768px) {
#footer .container {
    left: 5%;
}
}

    Adjust the value as needed.

    Best regards,
    Ismael

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