Add a class to a border

Support
#1

Hello i would like to add a class for a border of a image (for animated gradient colors)

i put a 5px top border and add transparent color :
border-top

and targeted this class and add animated gradient :

.mak-p.x-cell {
background: linear-gradient(90deg, #75c2d3, #d375d2, #ef7b45, #ffd151, #70b77e);
  background-size: 1000% 1000%;
  -webkit-animation: AnimationName 57s ease infinite;
  -moz-animation: AnimationName 57s ease infinite;
  -o-animation: AnimationName 57s ease infinite;
  animation: AnimationName 57s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

It works fine exept it add also a bottom border :
border2

How to get only top-border gradient colored border ?

#2

Hi @Lyser,

Support on custom CSS code or investigating any issue related to it is beyond the scope of theme support. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

I would also suggest you go through the following article that may help you with this.



Thanks

#3

Ok, i was doing the wrong way, instead of try to target the class i’ve made a grid with a 5px height for the top cell and it’s working perfectly.

And thx for the links.

#4

Hi Lyser,

We’re glad that you’re able to figure it out! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.

#5

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