4 colored Boxes in the footer

Sydney Pro
#1

Dear Roman,

i would like to show such 4 colored boxes like on this website (sauerwein-tools.de) in footer on our website (mareand.de) also in the footer. Could you please help me with this?

Many thanks for your help.

Best wishes

Steffen

#2

Hello Steffen,

I suppose that you mean mareand dot com, not mareand dot de.

If it’s correct, try to add this CSS code in Customize → Additional CSS section:

#sidebar-footer .sidebar-column {
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 30px;
    padding-bottom: 8px;
    padding-top: 8px;
}

@media (min-width: 992px) {
    #sidebar-footer .sidebar-column {
        width: calc(25% - 20px);
        margin-right: 10px;
        margin-left: 10px;
    }
}

Kind Regards, Roman.
aThemes Support

#3

Dear Roman,

absolutly perfect working!

Many Thanks for your friendly help!

Best wishes

Steffen

1 Like
#4

Great! You are welcome Steffen :slight_smile:

Kind Regards, Roman.
aThemes Support

#5

Hello Roman,

I wanted to accomplish the same issue and it worked for me too, thanks a lot for that!
There is one more question left for me.

As you can see at the website, the bottom is different in every column, I mean the length, same happend to me. I tryed in CSS to make respective changes, but no way for me to get i tdone. Can you please help me?

Thanks a lot in advanced!

Regards, Kruna

#6

Hi,

yes!! I found the solution. I added the bold line in CSS:

#sidebar-footer .sidebar-column {
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: 30px;
    padding-bottom: 8px;
    padding-top: 8px;
    **height:350px;**

}

@media (min-width: 992px) {
    #sidebar-footer .sidebar-column {
        width: calc(25% - 20px);
        margin-right: 10px;
        margin-left: 10px;
    }
}

Thanks anyway for all your support.

Regards,
Kruna

1 Like
#7

Hi Kruna,

I am glad to hear that you got the solution and thank you for sharing it here. That’s really appreciated.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support