Your Time:
Our Time:
← Back to discussions

Packages display

Need help with a different issue? Search the forums or open a new ticket.
Open a support ticket

This topic has 7 replies, 3 voices, and was last updated 6 years, 3 months ago by Asiya Fatima.

  • 2020-04-29 at 5:59 pm
    Unknown Support Status
    #27061
    Bento90
    Participant
    • Topics: 2
    • Replies: 5
    • Total posts: 7
    • Post count: 11

    Hello,

    Thanks for UltraNet it is a great theme and is perfect for our needs, however I have a couple of queries, we have set up our packages to display, however on the last package listed the border extends too far down the page. This happens no matter how many packages are displayed on the screen.

    We would also like to change the currency indication so that it is not in superscript above the price. We would like it to be level with the amount.

    Many thanks

    2020-04-29 at 8:15 pm
    #27062
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Hi, Bento90

    1.how many packages are displayed on the screen.
    According to your needs, you can display the packages on the screen

    2. We would also like to change the currency indication.
    Yes, you can change

    2020-04-29 at 8:41 pm
    Unknown Support Status
    #27063
    Bento90
    Participant
    • Topics: 2
    • Replies: 5
    • Total posts: 7
    • Post count: 11

    Hi Khanam,

    I think there has been a misunderstanding, there looks like a glitch with the last listed package as the border goes down the page too far (please see the screenshot). The first two packages in the screenshot do not have this issue.

    While we have managed to change the currency we would like the currency symbol to be the same as the price text and not “superscripted” just before it

    Many thanks for your help

    2020-04-30 at 5:48 pm
    #27065
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Hi, Bento90

    Can you send your website URL so that we can take a closer look?

    For currency symbol paste below code in custom CSS

    .price-content .price-row sup {
    font-size: 2.25rem !important;
    top: 0 !important;
    right: 5px;
    }

    2020-05-04 at 4:47 pm
    Unknown Support Status
    #27083
    Bento90
    Participant
    • Topics: 2
    • Replies: 5
    • Total posts: 7
    • Post count: 11
    This reply has been marked as private.
    2020-05-06 at 1:38 am
    #27090
    Fem
    Keymaster
    • Topics: 2
    • Replies: 5215
    • Total posts: 5217
    • Post count: 6003

    Hi, Bento90

    The border issue in the packages has been solved. You have to paste the below properties in your style.css file.

    .at-IntPlan-Item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    And remove the properties from your style.css file.

    .at-IntPlan .at-IntPlan-Item:last-child {
        /*margin-bottom: 0;*/
    }
    2020-06-01 at 8:23 pm
    Unknown Support Status
    #27198
    Bento90
    Participant
    • Topics: 2
    • Replies: 5
    • Total posts: 7
    • Post count: 11

    Hi Khanam,

    Many thanks for this and sorry for the slow reply. Those issues are now resolved.

    However we are now seeing a gap at the top of the last package (most right hand side) which is not there on the other packages on the page.

    This means the packages do not line up on the page and makes it look rather odd. Could you advise how to fix this please?

    Many thanks

    2020-06-01 at 10:02 pm
    Unknown Support Status
    #27199
    Asiya Fatima
    Participant
    • Topics: 0
    • Replies: 97
    • Total posts: 97
    • Post count: 325

    Find the below code in isppro-frontend-style.css file and remove the margin-bottom property.

    .at-IntPlan .at-IntPlan-Item:last-child {
        /*margin-bottom: 0;*/
    }
    • This reply was modified 6 years, 3 months ago by Asiya Fatima.
    • This reply was modified 6 years, 3 months ago by Asiya Fatima.

The topic ‘Packages display’ is closed to new replies.