Special footer configuration

[tipinoncomuni]

Hi there.

I need a footer configuration with 2 areas in the row:

Column 1 = 3/4

Column 2 = 1/4

Is there a way to do that without coding? Can you help me with this?

[Kieran_SQ]

Hi,

From my understanding you wish to display footer sidebars 1 and 2 at 75% and 25% respectively and not show footer sidebars 3 and 4. If this is the case please add the below CSS to your KLEO Child theme’s style.css by going to WP Admin > Appearance > Editor > KLEO Child > Style.css or alternatively in Theme Options > General Settings > Scroll to: ‘Quick CSS’

COPY CODE

#footer .col-sm-3:nth-child(1) {
    width: 75%;
}
#footer .col-sm-3:nth-child(2) {
    width: 25%;
}
#footer .col-sm-3:nth-child(3) {
    display:none;
}
#footer .col-sm-3:nth-child(4) {
    display:none;
}

Once you have saved this CSS make sure to completely purge your website cache, any CDN as well as your front-end cache (Ctrl+F5) to see the changes.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[tipinoncomuni]

You perfectly understand my “rant”.
Solved. Many many thanks.

[Kieran_SQ]

Hi,

Not at a rant at all, and you’re most welcome 🙂 Feel free to open a new ticket anytime and we’ll be happy to assist.

If you have a spare moment today please consider leaving KLEO / support received a review on ThemeForest. Every review really does help

https://themeforest.net/item/kleo-pro-community-focused-multipurpose-buddypress-theme/reviews/6776630

All the best,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts