Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 12, 2022 at 7:19 pm #1368641
    G4Design

    Hello, if you can point me to a thread that shows this solution or answer it that would be great. I have it set to 5 columns for the footer. I want to adjust the column widths so that the first column is wider than the other four (40%, 15%, 15%, 15%, 15%, ), actually, more ideal would be (30%, 17.5%, 17.5%, 17.5%, 17.5%) but not sure that can be done.

    October 13, 2022 at 5:39 am #1368674
    Nikko

    Hi G4Design,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #top #footer .av_one_fifth {
    width: 17.5%;
    margin-left: 0;
}

#top #footer > .container > .av_one_fifth:first-child {
    width: 30%;
}

    Please copy the code here (not in email).
    Hope this helps.

    Best regards,
    Nikko

    October 13, 2022 at 7:46 am #1368682
    G4Design

    Thanks for the reply. I added the code and it doesn’t seem to be working. Clearing cache and incognito window doesn’t help either. Any other ideas? Thanks.

    October 13, 2022 at 9:38 am #1368701
    Nikko

    Hi G4Design,

    I have checked the footer of your site and it seems to be using the correct width that you specified.
    I have posted a screenshot link in private content.
    Let me know if it still needs adjustment.

    Best regards,
    Nikko

    October 13, 2022 at 5:52 pm #1368755
    G4Design

    yes, my apologies, you are correct. One last thing. Is it possible to add some margin between the first and second columns pushing the last four columns closer together so there is a pretty clear separation between the first and last four?

    see example here:

    October 14, 2022 at 4:22 am #1368797
    Nikko

    Hi G4Design,

    Yes, it’s possible you just need to adjust the code I gave, and just add margin-right to the first column.
    In this example I modified the code above so all columns have the width of 16.5% (from 17.5%) and then add a right margin to the first column by 4% so the total should still be 100%:

    #top #footer .av_one_fifth {
    width: 16.5%;
    margin-left: 0;
}

#top #footer > .container > .av_one_fifth:first-child {
    margin-right: 4%;
    width: 30%;
}

    Just adjust the code as you see fit.

    Best regards,
    Nikko

    November 7, 2022 at 2:05 am #1371586
    blaisen

    I tried using this code and adapting it to thirds, but it doesn’t seem to be working:
    #top #footer .av_one_third {
    width: 40%;
    margin-left: 0;
    }

    #top #footer > .container > .av_one_third:first-child {
    margin-right: 4%;
    width: 16%;
    }
    The above “fix” doesn’t seem to override this CSS:
    div .av_one_third {
    margin-left: 6%;
    width: 29.333333333333332%;
    }
    Please help.

    November 7, 2022 at 5:44 am #1371589
    Nikko

    Hi blaisen,

    I tried to check your site however, I got this error:

    Sorry [ip address], your request cannot be processed.
For security reasons, it was blocked and logged.
If you believe this was an error please contact the
webmaster and enclose the following incident ID:

    Please check.

    Best regards,
    Nikko

    November 8, 2022 at 1:12 am #1371715
    blaisen

    Sorry, I may have been logged in, when I copied the URL. It appears now that the code is working…perhaps it just took a while for the internet to catch up?

    • This reply was modified 2 years, 1 month ago by blaisen.
    November 8, 2022 at 11:50 am #1371735
    Nikko

    Hi blaisen,

    It’s still the same, incident ID is in private content.
    It maybe that your server/firewall is blocking IPs coming from other countries.

    Best regards,
    Nikko

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