Forum Replies Created
-
Author
-
Robert
KeymasterHi, I found another solution that might work:
COPY CODE.footer-bottom { overflow: visible !important; } .footer-bottom .kleo-page #main { flex: 1 0 auto !important; }
Let me know if this is ok.
Regards,
RobertHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRobert - Front-end developer and UI graphics enthusiast.
May 23, 2017 at 18:31 in reply to: Is this related to the problem with no blog writer image in the metta? #162466Robert
KeymasterHi, you can add these line of css in your theme options – quick css:
COPY CODEli.kleo-notifications-nav .kleo-submenu-item > a { line-height: 20px; } .navbar .sa-notification a { overflow: hidden; text-overflow: ellipsis; display: inline-block !important; width: 50px; white-space: nowrap; vertical-align: bottom; } .sa-notification .social-delete { width: 20px !important; text-align: center; border-radius: 50%; top: 6px; } .kleo-notifications-nav ul.submenu-inner.has-notif li:before { top: 4px; }
Let me know if this works for you.
Regards,
RobertHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRobert - Front-end developer and UI graphics enthusiast.
Robert
KeymasterHi, please add these lines of css in theme options – quick css:
COPY CODE.footer-bottom { overflow-y: auto !important; } .footer-bottom .kleo-page #main { flex-shrink: 0; -webkit-flex-shrink: 0; }
Let me know if it works.
Regards,
RobertHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRobert - Front-end developer and UI graphics enthusiast.
Robert
KeymasterHi, we fixed this and will be available in our next update. Until then we have an workaround for this.
Edit in your child theme app.css as follows:
1. Around line 7026 please remove this line since we don’t need it anymore:
COPY CODE.box-style, .box-style .one-by-one-animated { width: 100%; }
2. Around line 7099 you have this line:
COPY CODE.box-style .col-xs-12 { display: flex; }
… You need to change it like this:
COPY CODE.box-style .col-xs-12 { display: flex; margin-left: -1px; }
If this isn’t working for you please let me know.
Best regards,
RobertHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRobert - Front-end developer and UI graphics enthusiast.
Robert
KeymasterHi,
We fixed this and will be available in our next version. In the meantime you can add the following lines in theme options “Quick css” box:
COPY CODE@media (min-width: 320px) and (max-width: 400px) { .feature-item.default-icons-size.center-icons .feature-icon, .feature-item.big-icons-size.center-icons .feature-icon { left: auto; margin: 0 auto 30px; } }
Regards,
RobertHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRobert - Front-end developer and UI graphics enthusiast.
Robert
KeymasterHi @GaNcorp,
I just fixed this issue for you, it will be available in next update but until then you can put these lines in admin/theme options/quick css box:COPY CODE.panel-kleo.icons-to-left .accordion-toggle { position: relative; display: inline-block; width: 100%; padding-left:30px; } .panel-kleo.icons-to-left span.icon-closed, .panel-kleo.icons-to-left span.icon-opened { position: absolute; top: 1px; left: 0; }
Let me know if this works for you.
Regards,
RobertHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRobert - Front-end developer and UI graphics enthusiast.
May 4, 2015 at 18:11 in reply to: Mobile: display error on Buddypress members page (when logged in) #57243Robert
KeymasterHi @GenevieveLeJeune, I’ve just fixed this and will be available with next update. Until then you can put these lines in theme options (quick css box):
COPY CODE#buddypress #friend-list .friend-inner-list, #buddypress #member-list .member-inner-list, #buddypress #members-list .member-inner-list { display: inline-block; width: 100%; } @media only screen and (max-width: 320px) { #buddypress ul.item-list li div.action { float: none; margin-left: auto; } }
Best regards,
RobertHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRobert - Front-end developer and UI graphics enthusiast.
-
AuthorPosts