Okay
  Public Ticket #2493549
Fancybox border radius & color styling settings not working
Closed

Comments

  • Abel Ekele started the conversation
    August 4, 2020 at 10:08am

    1. I extended support for Salient Theme and my Purhase Code is still returning expired. Please fix.

    2. I have been unable to adjust the colour and border radius of the fancybox eases on the website; lekkigas.com. I tried using the fancybox border radius and colour feature available in the fancybox setting.

    I have attempted styling the fancybox by introducing a CSS code snippet on the page settings and in the applicable sections of salient options panel but it still wouldn't change.

    I am using the most recent version of salient on the site, V 12.1.0.

  •  2,965
    Andrew replied
    August 4, 2020 at 10:23am

    Hi Abel,

    Your website is behind coming soon plugin. Can you allow us to check so that we see possible css.

    Thanks.

  • Abel Ekele replied
    August 4, 2020 at 12:30pm

    I have disabled the plugin temporarily. 

  •  2,965
    Andrew replied
    August 4, 2020 at 12:58pm

    Hi Abel,

    Still active. Allow us to login so that we fix as soon as possible.

    4598567355.png


    Thanks.

  • Abel Ekele replied
    August 4, 2020 at 1:36pm

    Deactivated now. Please check

  •  2,965
    Andrew replied
    August 4, 2020 at 3:33pm

    Hi Abel,

    Use the following custom css:

    .nectar-fancy-box[data-style="color_box_hover"][data-border="true"]:hover .box-inner-wrap, .nectar-fancy-box[data-style="color_box_hover"][data-border="true"].box-inner-wrap, .nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap {
    border-radius: 10px;
}

    Hope this helps.

  • Abel Ekele replied
    August 4, 2020 at 5:59pm

    Hi, thanks that worked but the following box it didn't apply to the box on this page; https://lekkigas.com/cylinder-exchange/

  •  2,965
    Andrew replied
    August 4, 2020 at 6:20pm

    Hi Abel,

    Use the following:

    .nectar-fancy-box {
    border-radius: 10px;
}

    Thanks.

  • Abel Ekele replied
    August 4, 2020 at 6:46pm

    Thanks a bunch, this worked. However theres a white bleed at all four corners of the box. See pictures to confirm.



  •  2,965
    Andrew replied
    August 5, 2020 at 5:45am

    Hi Abel,

    Could you allow us to login to your website so that we investigate the source of the white background. We going to need username and password with admin privileges.

    Thanks.

  •   Abel Ekele replied privately
  •  2,965
    Andrew replied
    August 6, 2020 at 9:10am

    Hi Abel,

    Remove the box shadow on column settings

    8387173746.png


    Kind regards.

  • Abel Ekele replied
    August 6, 2020 at 2:04pm

    How do I change the border color? I tried adding "border-color" like below but it's not working

    .nectar-fancy-box {
border-radius: 10px;
border-color: blue;
}
  •  2,965
    Andrew replied
    August 6, 2020 at 2:52pm

    Hi Abel,

    Update as follows:

    .nectar-fancy-box {
    border: 2px solid black;
}

    Thanks.