Okay
  Public Ticket #1103010
Theme Borders Gradient
Closed

Comments

  •  2
    aahlfeeyann started the conversation
    March 17, 2017 at 7:52pm

    Hi,

    I tried inspecting element of the Theme Borders but couldnt find the class attached with it. I would like to adjust the colours to be a gradient so it will form around the website in a clock wise rotation. I would like to add gradient in a way that is:

    1) The top border will have Color 1 to Color 2 from Left to Right

    2) The right border will have Color 2 to Color 1 from Up to Down

    3) The bottom border will have Color 1 to Color 2 from Right to Left

    4) The left border will have Color 2 to Color 1 from Down to Up

    As said earlier I could do this myself but I couldnt find the class attached to the theme borders. If you could give the class attached to the theme borders that would be great so I could add the custom css myself.

    Thanks,

    Alfian

  • [deleted] replied
    March 18, 2017 at 1:54am

    Hi aahlfeeyann

    I just wanted to make sure you have read the article about Theme Border.

    After you activating it. on Inspect Element you would be able to see the 'DIV' element attached to 'body' Element.


    (view large version)

    CSS Structure :

    .page-border {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}
.page-border .bottom-border{
    background: #f3f3ef;
    position: fixed;
    z-index: 9999
}
.page-border .left-border{
    background: #f3f3ef;
    position: fixed;
    z-index: 9999    
}
.page-border .right-border{
    background: #f3f3ef;
    position: fixed;
    z-index: 9999
}
.page-border .top-border {
    background: #f3f3ef;
    position: fixed;
    z-index: 9999
}
.page-border .left-border {
    left: 0
}
.page-border .bottom-border {
    bottom: 0
}
.page-border .top-border {
    top: 0
}
.page-border .right-border {
    right: 0
}

    Sometimes use !important in css properties ' background : #ffff !important', if you r having trouble with colors.

    Thank you.

  •  2
    aahlfeeyann replied
    March 18, 2017 at 7:50am

    Thank you for your help, it worked!

  • [deleted] replied
    March 18, 2017 at 10:10am

    Hi aahlfeeyann,

    I'm really glad that the solution worked and you can continue to work on your site now :)

    Remember to read Kalium Documentation, you can find some very useful things there that will help you to create a great site. 

    P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link). A huge thank you from Laborator in advance and have a great day!

    Will set this ticket as solved from here.