Interactive columns 3 on design cloud

Support
#1

Hi all

I’m using the interactive columns from the design cloud here, however, I am unable to find where to change the colours, I can see they all have a class: .interactive-column

And I found the css with inspect elliment:

.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);

A) I can’t find where the css is to edit the colour.
B) I don’t understand how the two columns have the same class but different colours for each column.

Are you able to point me in the right direction pretty please? I thought the css would just be in the ccs tab of the theme customiser but obvs that’s not the case

All the best

Ben

#2

Hi Ben,

Thanks for reaching out.
The interactive column CSS code can be found into the Parent Section > Customize > Element CSS. Please find the video explaining the settings and show how to change the colors.
https://www.awesomescreenshot.com/video/1940596?key=cc6a62aef2c433afc39ac3e14a1f17ae

Thanks

#3

Thank you so so much! really kind of you!

All the best

Ben

#4

Hi Ben,

You are most welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.