Okay
  Public Ticket #1615774
Fancybox rounded corners
Closed

Comments

  •  1
    Carlos started the conversation
    June 20, 2018 at 1:56pm

    Hi! I would like to have rounded corners for fancybox's I can't seem to find the option, could you provide me with some css ? Thanks.

  •  8,996
    Tahir replied
    June 20, 2018 at 2:19pm

    Hey Again,

    FancyBox is a dynamic element and cant have a Border-radius css property applied to it . 

    Be.st 

    ThemeNectar Support Team 

  •  1
    Carlos replied
    June 20, 2018 at 2:33pm

    Then it's impossible to change the border radius of the box ?

  •  3,030
    Andrew replied
    June 20, 2018 at 3:12pm

    Hey there,

    Thanks for reaching in,
    Can you please provide a link and an indicated screenshot so i can see if its possible via custom CSS.

    Hoping to hear from you.
    Regards


  •  1
    Carlos replied
    June 20, 2018 at 3:16pm

    Hi, for sure. On my other post I granted you an admin username so you can check out my site, the issue I'm talking about is in the home page. The screen shot is here

  •  3,030
    Andrew replied
    June 20, 2018 at 3:24pm

    Hey there,

    Thanks for reaching in,

    This is the link you sent http://purafrutasmoothies.com and I can't seem to find the fancy boxes here. Please send over the current link so we can help ASAP.

    Regards

  •  1
    Carlos replied
    June 20, 2018 at 3:30pm

    Hi, Andrew I think you missed the post I was talking of, the site I'm talking about is crezen.es and you have the admin credentials on the ticket where I ask about custom fonts. The screenshot however is a direct image of the fancybox I'm talking about.

  •  3,030
    Andrew replied
    June 20, 2018 at 3:34pm

    Hey Carlos,

    I'm trying to reach the backend via http://crezen.es/wp-admin but I'm not able to,

    Might you have changed the path?

    Regards

  •  1
    Carlos replied
    June 20, 2018 at 3:37pm

    You shouldn't have any problem to reach trough that URL, I haven't changed any path. Have you tried http://crezen.es/wp-login.php ?

  •  3,030
    Andrew replied
    June 20, 2018 at 3:45pm

    Hey there,

    Yes, see screenshot,

    Regards

  •  1
    Carlos replied
    June 20, 2018 at 3:47pm

    That's really weird, it doesn't show up as and issue to me, however I have attached a screnshot of the fancybox which I want to have the corners rounded. Thanks

  •  3,030
    Andrew replied
    June 20, 2018 at 3:55pm

    Hey there,

    Thanks for reaching in,

    Please try this CSS in Salient > General Settings > CSS/Script Related > Custom CSS Code

    .nectar-fancy-box[data-style="color_box_basic"] { border-radius: 15px!important; }

    Regards

  •  1
    Carlos replied
    June 20, 2018 at 3:57pm

    It worked just fine. Thank you very much.

  • Khayam replied
    December 13, 2018 at 4:15pm

    Hi Andrew, 

    This CSS doesn't seem to work for the hover effect, and I attempted to change it but it still didn't work. Could you help with this?

    Thanks

  •  8,996
    Tahir replied
    December 13, 2018 at 6:08pm

    @khayam,

    Please create a new private ticket with your url so we can see the issue and provide the corresponding css. 

    Best 

    ThemeNectar Support Team