Okay
  Public Ticket #2221168
Fancy box edits
Closed

Comments

  • samwell7814690 started the conversation
    November 20, 2019 at 9:49pm

    Hi,

    The fancy box module is great but it seriously needs the following options:

    • Center align the text
    • Center align the icon
    • Remove right padding for text so that the padding is even all the way around the container

    Is there a way to do this within the CSS ?

    Do you plan on introducing this in future releases?


    thanks
    Damien

  •  3,023
    Andrew replied
    November 21, 2019 at 7:16am

    Hi Damien,

    Thank you for contacting us.

    Please send us a link to the page with the fancy boxes.

    Kind Regards

  • samwell7814690 replied
    November 21, 2019 at 3:52pm

    Hi,

    Sorry, I should have replied earlier but Ive solved this using the below CSS


    .nectar-fancy-box[data-style="hover_desc"] .hover-content {
        line-height: 1.5em;
        max-width: 100%;
    }

    .nectar-fancy-box .inner-wrap > i, .nectar-fancy-box .inner > i, .nectar-fancy-box .heading-wrap > i {
        height: auto!important;
        width: auto!important;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }


    Thanks
    Damien


  •   Andrew replied privately