Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 22, 2017 at 1:19 pm #811496
    cinchmedia

    I have input the following code into the Custom CSS box in order to adjust the column width, but it is not working for me. I will include the Staging Site and Full CSS in the private content below.

    /* adjust footer width */
    #footer .flex_column .av_one_fifth .first {
    width: 15%;
    }
    #footer .flex_column.av_one_fifth:nth-child(2) {
    width: 15%;
    margin-left: 1%;
    }
    #footer .flex_column.av_one_fifth:nth-child(3) {
    width: 20%;
    margin-left: 1%;
    }
    #footer .flex_column.av_one_fifth:nth-child(4) {
    width: 25%;
    margin-left: 1%;
    }
    #footer .flex_column.av_one_fifth:nth-child(5) {
    width: 25%;
    margin-left: 1%;
    }

    June 22, 2017 at 4:23 pm #811643
    Jordan Shannon

    Hey Beth,

    You would want to use the following to target the widgets.

    /* adjust footer width */
#footer .flex_column #nav_menu-2 {
width: 15%;
}
#footer .flex_column #nav_menu-3 {
width: 15%;
margin-left: 1%;
}
#footer .flex_column #avia_mailchimp_widget-2 {
width: 20%;
margin-left: 1%;
}
#footer .flex_column #avia_google_maps-2 {
width: 25%;
margin-left: 1%;
}
#footer .flex_column #text-2 {
width: 25%;
margin-left: 1%;
}
#footer .flex_column #text-4 {
width: 25%;
margin-left: 1%;
}

    Best regards,
    Jordan Shannon

    June 22, 2017 at 6:13 pm #811729
    cinchmedia

    Hi Jordan,

    This option didn’t work for me. I input it into the Custom CSS with no change displayed.

    Thanks,
    Beth

    • This reply was modified 7 years, 5 months ago by cinchmedia.
    June 22, 2017 at 6:38 pm #811738
    Jordan Shannon

    Hi,

    Please add my code to the very top of css. It is possible that you have some error in some of the other css that is causing everything below it to fail.

    Best regards,
    Jordan Shannon

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