Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 20, 2015 at 5:39 am #521362
    dsmcpherson

    Hi,

    I am using Enfold with a four column footer. I would like to customize the column widths and padding between columns.

    From the forums I understand I do this with some custom CSS. If I want column one to be 40%, column two and three 20% and column four to be 25% what would the CSS look like? Can you also include the code that would allow me to set the padding between columns.

    Also, to ensure I do not lose this customization during a theme update can I just add it to custom.css or do I need to create a child theme?

    Thanks for the help!
    Darryl.

    October 20, 2015 at 6:52 pm #521966
    Andy

    Hi Darryl!

    you can try to turn on custom CSS field for all alb elements by following this tutorial: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then you can define a unique CSS class for each icon box element. Then use something like this inside of Quick CSS field (which will be update proof):

    .my-first-iconbox {
width: 40%;
}
.my-second-iconbox {
width: 20%;
}
.my-third-iconbox {
width: 25%;
}

    Best regards,
    Andy

    October 20, 2015 at 7:54 pm #521994
    dsmcpherson

    Hi Andy,

    I am trying to change the width of my footer columns. It looks like you gave me info for icon boxes. Can you send the css for footer columns width and padding please.

    Also, if I set up a child theme, can I just put the new css for the footer column widths in the style.css file for the child theme?

    Thanks,
    Darryl.

    October 20, 2015 at 9:51 pm #522022
    dsmcpherson

    Hi Andy,

    I figured it out from another post. Also, I created a child theme and put it in the style.css file in the child.

    Thanks for the help.

    Darryl.

    October 20, 2015 at 10:32 pm #522050
    Basilis

    Hey!

    Please do let us know if you need anything else from us, we will be happy to assist!

    Regards,
    Basilis

    October 20, 2015 at 10:52 pm #522062
    dsmcpherson

    Hi Basilis, there is something I could use help with…..

    I am trying to put a table in a footer column to format some text and images. The table background is coming in with a dark color (I assume from the theme css settings). How would I make the table cell backgrounds transparent?

    I have tried <table style=”border: 0; text-align:left; background-color: transparent”> but it did not work.

    Any help appreciated!

    Thanks,
    Darryl.

    October 21, 2015 at 9:29 am #522198
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .main_color tr:nth-child(odd) {
background-color:white !important;
}

    Regards,
    Rikard

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