Quick question regarding regarding a Design Block (creative columns 3 - cornerstone x theme)

[Fred1985]

How do I change the column’s color of the creative columns 3 preset?

I tried transferring my preferred settings by using a preset but it doesn’t work.

It tells me it’s coded outside of this scope but I can’t seem to find it.

Also, I tried to select and use the customize and then css settings but that doesn’t seem to contain the column background color settings.

Any help or insight would be greatly appreciated.

Thank you!

[friech]

Hi @Fred1985,

Thank you for writing in, I’m not entirely certain of your issue, but I’ll explain briefly how the Creative Columns 3 background constructed.

The 2 background-color set on the Column is a lower and upper background.
There is this custom CSS, that makes the upper background-color 50% so you can see the lower background color on the other side.

.interactive-column .x-bg-layer-upper-color {
    width: 50%;
}

Also, the Gradient background color behind the column is applied via custom CSS.

.interactive-column::before {
    content: '';
    background: linear-gradient(315deg,#e91e63,#5d02ff);
    position: absolute;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    z-index: -2;
    transform: skew(1.5deg,1.5deg);
}

If this does not answer your question, please clarify what you’re trying to do and provide us the site URL and login credentials in a secure note so we can take a closer look.

Thanks,