Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi @markmck,

    First of all thanks for using our plugin.
    There are two ways to increase the width of the content,
    First is select Number of columns “Three” in Flipbox Settings and second way is to decrease padding of the content div.

    `.back .text-center{
    padding: 30px!important;
    }`

    Feel Free to contact us if you need any further assistance.

    Thanks

    Thread Starter markmck

    (@markmck)

    Hi,

    Thanks for your reply.

    I’d like to keep it at Four columns for now.

    I tried your CSS code but it has not made a difference. I changed it to 0px as a test, and again no difference.

    Can you confirm if the CSS has worked?

    Thanks
    Mark

    Thread Starter markmck

    (@markmck)

    Hi,

    i’ve noticed a secondary issue whereby your plugin is breaking my navigation on that Collections page (disabling it fixes it).

    It seems when it’s enabled, the navigation bar disappears. Can you assist/

    Thanks

    Hi @markmck,

    If you would like to keep it at Four columns for now, then you have to change the margin in flipboxes.css file to fix the width issue.

    .ifb-flip-box-section-content p {
        padding: 0px;
        margin: 6px!important;
    }

    Could you please point out the broken navigation so that we can fix that issue?

    Thanks

    • This reply was modified 6 years, 9 months ago by baljitdhanjal.
    Thread Starter markmck

    (@markmck)

    Perfect, this worked great, thank you.

    The broken navigation is on the same page – https://cubist.badwolfproductions.co.uk/collection/ – If you look at any other page you will see the nav bar above the logo, but on this Collection page it has disappeared.

    As I mentioned before, disabling your plugin brings the nav bar back, so there is definitely a conflict.

    Thanks
    Mark

    Hi @markmck,

    Add this custom css to fix broken navigation issue.

    .navbar-style-four .dropdown-menu {
        text-align: center;
        float: none;
        display: block!important;
        position: relative!important;
        margin: 0px!important;
        border: 0px!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Content width’ is closed to new replies.