This topic has 19 replies, 2 voices, and was last updated 6 years by Kieran_SQ.

  • Author
  • #194837
     emmanuel
    Participant

    hi on a phone screen size of 290×480 these button would look squeeze up so could you please carry the buttons a little to the left to avoid that from happening see attachment

    Attachments:
    You must be logged in to view attached files.
    #194840
     Kieran_SQ
    Moderator

    Hi,

    Please try the below CSS for position the login buttons on small screens.

    COPY CODE
    @media only screen and (max-width: 481px) {
    .login-buttons ul.button-group.radius.right {
        margin-left: -20px !important;
    }
    }

    Kieran.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #194841
     emmanuel
    Participant

    thanks but this is happening see attachment

    Attachments:
    You must be logged in to view attached files.
    #194849
     Kieran_SQ
    Moderator

    Hi,

    Replace the CSS from above with the CSS from below

    COPY CODE
    @media only screen and (max-width: 481px) {
    .login-buttons ul.button-group.radius.right {
        margin-left: -20px !important;
    }
    .tiny.secondary.button.split.dropdown {
        margin-left: -23px;
    }
    }

    There is an extremely limited amount of space available on devices with screen sizes this small so you may wish to hide the logout button altogether on this screen size.

    If you do then the correct CSS would be the below

    COPY CODE
    @media only screen and (max-width: 481px) {
    .login-buttons ul.button-group.radius.right {
        margin-left: -0px !important;
    }
    a.tiny.button.radius.btn-logout {
        display: none;
    }
    }

    Thanks,

    Kieran

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #194855
     emmanuel
    Participant

    ok when log out the buttons are ok but when login could the profile button be the same width as the logout button

    Attachments:
    You must be logged in to view attached files.
    #194859
     Kieran_SQ
    Moderator

    Hi,

    I cannot replicate that issue on my end, but you can try adding the below CSS into the CSS from above

    COPY CODE
    .tiny.secondary.button.split.dropdown {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    It would become

    COPY CODE
    @media only screen and (max-width: 481px) {
    .login-buttons ul.button-group.radius.right {
        margin-left: -20px !important;
    }
    .tiny.secondary.button.split.dropdown {
        margin-left: -23px;
    }
    .tiny.secondary.button.split.dropdown {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    }

    Kieran

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #194861
     emmanuel
    Participant

    thanks the color of this see attachment how to change it

    Attachments:
    You must be logged in to view attached files.
    #194864
     Kieran_SQ
    Moderator

    Hi,

    You can override the background color and font color for this element by using the below custom CSS

    COPY CODE
    .pmpro_checkout strong.label.radius {
        background-color: #8224e3;
        color: #ffffff;
    }

    Kieran

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #194865
     emmanuel
    Participant

    thanks i had downloaded a poke plugin so i translate every word in the plugin that says poke or poked to wink and winked but there is one particular text that i am trying to translate but i am not finding it to translate, the text is found in the notification tab see attachment do you know where i can find the text to translate it

    Attachments:
    You must be logged in to view attached files.
    #194869
     Kieran_SQ
    Moderator

    Hi,

    The string will appear in the plugin somewhere but it probably doesn’t have a text domain defined and therefore will not appear for translation. You will need to to contact the plugin developer directly to discuss the issue with them.

    Thanks,

    Kieran

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #194870
     emmanuel
    Participant

    but do you know were in my file manger at the back end of the site could i find that particular text

    #194871
     Kieran_SQ
    Moderator

    Hi,

    You would need to go to /wp-content/plugins/bp-poke/ via SFTP / FTP or your hosts file manager and then search through the files for the untranslated string. However, if you are not comfortable editing and writing PHP this is ill advised and your changes will be lost on plugin update.

    Kieran.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #194883
     emmanuel
    Participant

    ok i change the size and font family of these texts see attachment

    Attachments:
    You must be logged in to view attached files.
    #194886
     Kieran_SQ
    Moderator

    Hi,

    Please customize the below CSS with your desired values to override the current style

    COPY CODE
    .bp-user .two.columns.pull-two #item-buttons a {
        color: red;
        font-size: 14px;
        font-family: monospace;
        font-weight: 700;
    }

    If you do not wish to adjust the font weight then remove the line font-weight: 700;

    Thanks,

    Kieran

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #194887
     emmanuel
    Participant

    hi thanks for the help today

    #194888
     Kieran_SQ
    Moderator

    Hi,

    Happy to help, feel free to open a new ticket any time and we’ll be happy to assist.

    Kieran

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #194893
     emmanuel
    Participant

    Hi one more thing if you could remember yesterday I had ask you to have two users in one row on the member page but now it is in a disorder could it be fix see attachment

    Attachments:
    You must be logged in to view attached files.
    #194897
     Kieran_SQ
    Moderator

    Hi,

    I can’t replicate that issue on my end but try replacing the CSS that I gave you earlier with the CSS from below

    COPY CODE
    @media only screen and (max-width: 940px) {
    div#members-list .four.columns {
        width: 49% !important;
        float: left;
    }
    #members-list .four.columns:nth-child(3n+1) {
        clear: none !important;
    }
    #members-list .four.columns:nth-child(4n+1) {
        clear: none !important;
    }
    }

    Kieran

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #194898
     emmanuel
    Participant

    thanks it’s ok now

    #194899
     Kieran_SQ
    Moderator

    Glad to hear 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Viewing 20 posts - 1 through 20 (of 20 total)

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?