Laura

[Laura]

Hello, try to add this CSS to quick css in General Settings

COPY CODE

a.btn.btn-default {
  margin-left: -6%;
}

Does it work?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, try to add this to your Quick CSS in Styling Options

COPY CODE

.eight, .row .eight {
  width: 76.66667% !important;
}

Let me know if it works 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, that only disables Buddypress Account deletion. Doesnt disable membership cancelation.
You can disable it y just hiding the button with this css

COPY CODE

#pmpro_account #pmpro_account-links {
  display: none;
}

Add it to Quick CSS or Style.css

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, so for:

1.
Menu Item Font Color CSS:

COPY CODE

a.js-activated {
  color: black !important;
}

Menu Sub-Item Font Color and Background CSS:

COPY CODE

.navbar-transparent .navbar-nav .dropdown-menu li a {
  color: black !important;
  background-color: white;
}

Menu Arrows CSS:

COPY CODE

.caret:after {
  color: white !important;
}

Cart Color CSS

COPY CODE

.icon-basket-full-alt:before {
  color: black;
}

Cart Hover Header Background Color CSS

COPY CODE

.minicart-header {
  background-color: white !important;
}

Cart Hover Header Font Color CSS

COPY CODE

.minicart-header {
  color: black;
}

Search Icon Color CSS

COPY CODE

.icon-search:before {
  color: black;
}

Search Hover Background and Border Color CSS

COPY CODE

div#ajax_search_container {
  background-color: white !important;
  border-color: white !important;
}

Search Hover Input Color, Background Color and Border Color CSS

COPY CODE

input.ajax_s.form-control {
  background-color: white !important;
  border-color: white !important;
  color: blue !important;
}

Search Hover Icon Color CSS:

COPY CODE

#ajax_search_container:before {
  background-color: white !important;
}

2. Header Padding
Here is the css code for padding:

COPY CODE

.kleo-main-header.header-normal {
  padding: 10px;
}

3. Can you tell me which page to check out?

4. Sadly you cannot add a sidebar in the middle of a page, but you can add a Visual Composer element that adds it, the name is ” Aditional Bar of Widgets” i think, just place it where you can in your page.

For the last question, i would need more details an maybe screenshots if you can 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please try with this CSS in Quick Css of Theme Options or Style.css

COPY CODE

#buddypress #admins-list li, #buddypress #mods-list li, #buddypress #members-list li, #buddypress #member-list li {
  display: block;
  padding: 30px;
}
li.kleo-masonry-item {
  width: 29% !important;
}
#buddypress #friend-list div.action, #buddypress #member-list div.action, #buddypress #members-list div.action {
  clear: both;
  position: relative;
  text-align: center;
  right: inherit;
  margin-left: -60px;
}
.generic-button.block-this-user {
  z-index: 1;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, just go to Users > Profile fields and add a description under Name field ecause you caanot edit username field 🙂

For the activity, go to Theme Options > General > Scroll down to find quick css and add this

COPY CODE

.buddypress div#item-header div#item-header-content span.activity {
  margin-left: 10px;
  color: rgb(187, 187, 201);
  display: none;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, try with

COPY CODE

#buddypress div.activity-comments form textarea, div.activity-comments form textarea {
height: 30px !important;
}

Let me know if it works 🙂 if not please share a link

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please go to Theme Options > General Settings, scroll down to QUICK CSS and add this

COPY CODE

i.icon.icon-basket-full-alt {
  display: none;
}

Let me know if it works 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please change with the following codes

COPY CODE

.tp-rightarrow.default {
  z-index: 100;
  cursor: pointer;
  width: 45px;
  height: 150px;
  color: #fff;
  text-align: center;
  margin-top: -50px !important;
  opacity: 0;
}
.tp-leftarrow.default {
  z-index: 100;
  cursor: pointer;
  width: 45px;
  height: 150px;
  color: #fff;
  text-align: center;
  margin-top: -50px !important;
  opacity: 0;
}

Do not replace the :hover ones
That it what i can do, when you hover the arrow will appear, not much more i can do

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please try to add this css to Quick CSS in Theme Settings > General

COPY CODE

.rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video {
  max-width: none !important;
  width: 580px !important;
  height: 360px !important;
  margin-top: 90px;
  margin-left: -218px;
}
.tp-video-play-button {
  background: #000;
  background: rgba(0,0,0,0.3);
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  top: 55%;
  left: 30%;
  font-size: 40px;
  color: #FFF;
  z-index: 3;
  margin-top: -27px;
  margin-left: -28px;
  text-align: center;
  cursor: pointer;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, lets try this:

COPY CODE

.kleo-main-header.header-normal {
  background-color: #00AB69;
}
ul#menu-menu a {
  color: white;
}
ul#menu-menu a:hover {
  color: white;
}
span.caret:after {
  color: white !important;
}
.dropdown-menu>li>a {
  color: #00AB69 !important;
}
.dropdown-menu>li>a:hover {
  color: #00AB69 !important;
  text-decoration: underline;
}
#main .main-color h1, #main .main-color h2, #main .main-color h3, #main .main-color h4, #main .main-color h5, #main .main-color h6 {
  color: #E8671A;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, for point 1, use a translation plugin like Loco Translate, to trasnlate buddypress nav names
2. Please use this CSS inside QUICK CSS of your Styling Settings

COPY CODE

.status.three.columns.mobile-one {
  float: left !important;
  margin-left: 150px;
}

3. The first s is separated from the %1$ , needs to be %1$s
4. Add a confirm email in Users > Profile fields and add a field with the name Confirm Email, then save it. Now go to sweetdate > Buddypress and check your new field for main form.
5. There are a lot of plugins for that, maybe try https://wordpress.org/plugins/likebtn-like-button/

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please replace the code from above for this one

COPY CODE

.tp-rightarrow.default {
  z-index: 100;
  cursor: pointer;
  width: 45px;
  height: 150px;
  color: #fff;
  text-align: center;
  margin-top: -50px !important;
  opacity: 1.2;
}
.tp-leftarrow.default {
  z-index: 100;
  cursor: pointer;
  width: 45px;
  height: 150px;
  color: #fff;
  text-align: center;
  margin-top: -50px !important;
  opacity: 1.2;
}
.tparrows:hover {
  background-position: initial !important;
  opacity: 0.5 !important;
}

If you find another image that fits better we can use it, so let me know if you like it like that 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please use this CSS

COPY CODE

.tp-rightarrow.default {
  z-index: 100;
  cursor: pointer;
  background: url(../assets/large_right.png) no-repeat;
  width: 45px;
  height: 150px;
  color: #fff;
  text-align: center;
  margin-top: -50px !important;
  opacity: 1.2;
}
.tp-leftarrow.default {
  z-index: 100;
  cursor: pointer;
  background: url(../assets/large_left.png) no-repeat 0 0;
  width: 45px;
  height: 150px;
  color: #fff;
  text-align: center;
  margin-top: -50px !important;
  opacity: 1.2;
}
.tparrows:hover {
  background-position: initial !important;
  opacity: 0.5 !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Ohh okay, got it 🙂
Here it is, just add it after the others

COPY CODE

section.container-wrap.main-title.alternate-color.border-bottom h1 {
  display: none !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please try this css
GREEN LINKS:

COPY CODE

.inner-content.widgets-container a {
  color: rgb(38, 192, 38) !important;
}
.inner-content.widgets-container a:hover {
  color: rgb(38, 192, 38) !important;
  text-decoration: underline;
}

For 1. Please specify what changes you want, colors etc… 🙂

For 2. Comments CSS

COPY CODE

textarea#comment {
  color: grey !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, for:
1.

COPY CODE

section.container-wrap.main-title.alternate-color.border-bottom {
  background-color: rgb(112, 180, 239);
}
h1.page-title {
  color: white !important;
}
.kleo_framework.breadcrumb span a {
  color: white !important;
}

2.The footer should be visible everywhere, did you edit the footer css?

4. If i hide the title, point 1 is useless, are you sure?

5. Just add this css and change the color for the one you want in hover

COPY CODE

ul.responsive-tabs a:hover:before {
  color: blue !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello 🙂
For the numbers

COPY CODE

#buddypress div#item-nav ul li a span {
  position: absolute;
  top: 10px;
  left: 52%;
  z-index: 12;
  color: black;
}

Just disable the top bar in your theme options and you wont see the follow buttons.

Yes, you can use a front end posting plufin like Frontend publishing in codecanyon, then make it post to testimonials custom post type, and make it pending approval so you can accept them.

Social Articles plugin adds an articles section on each profile where they can post blog articles etc…

In each page / post you can see in visual editor a KLEO button, that has a list of shortcodes.

I suggest Arrowchat or Cometchat

As a buddypress admin, you can send a message to all users in Messages > Compose, then select advice, notice (i dont remember the name ) it will send it to all users and appear in the screen once sent.

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please enable wp debug in your wp-config.php and then try again, then le tme know if you see a message.
To neable wp debug add:

COPY CODE

define( 'WP_DEBUG', true );

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, for 3, by default when there is no space for more icons, they are all placed in the last dropdown. Sadly i cannot change that.

Here is the css for the input and submit

COPY CODE

input:focus {
  color: black !important;
}
input#send:hover {
  color: black !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please add this CSS to QUICK CSS in General Settings

COPY CODE

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-radius: none;
  font-size: 12px;
  margin-top: -160px;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, here are some css to add in QUICK CSS
1.

COPY CODE

.main-color select {
  color: #0B0A0A;
}

2. I need an user to check it out

3. Could you share a screenshot?

4. What submit? Can you specify? 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please add this CSS code to QUICK CSS in General Settings, this will make it black, then just edit the color as you want

COPY CODE

span.kleo-pin-icon.hover-pop.animated.animate-when-almost-visible.right-to-left.start-animation span {
  background-color: black;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, here is the css for each point: (Add it to QUICK CSS in General Settings )

1.

COPY CODE

section.container-wrap.main-title.alternate-color.border-bottom {
  background-color: rgb(112, 180, 239);
}

2. You cannot edit group pages, those are generated dynamically by the plugin.

3. Point 1 will do

4. You cannot edit the title only in groups, it would change everywhere.

5. CSS CODE

COPY CODE

#buddypress div#item-nav ul #invite-groups-li a:before {
  content: "\e991";
  color: rgb(84, 128, 189) !important;
}
#buddypress div#item-nav ul #members-groups-li a:before {
  content: "\e995";
  color: rgb(84, 128, 189) !important;
}
#buddypress div#item-nav ul #activity-personal-li a:before, #buddypress div#item-nav ul #home-groups-li a:before {
  content: "\e8ed";
  color: rgb(84, 128, 189) !important;
}
#buddypress div#item-nav ul #settings-personal-li a:before, #buddypress div#item-nav ul #admin-groups-li a:before {
  content: "\e98b";
  color: rgb(84, 128, 189) !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please add this css to Quick CSS found in General Settings

@media (max-width: 991px) {
.kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
  position: absolute !important;
  top: auto!important;
  background-color: transparent;
}
.kleo-main-header .navbar-toggle {
  display: inline-block;
  margin-right: 20px !important;
}
.logo img {
  height: auto;
  width: 20%;
}
}
 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please add this CSS to your Quick CSS found in General Settings

COPY CODE

@media (max-width: 991px) {
div#header {
  position: fixed;
  z-index: 1;
}
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, just add an !important just before the ; of your code
like this

COPY CODE

.form-search.custom input[type=”text”], .form-search.custom input[type=”password”] {
background-color: #ffffff !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please go to your page and edit, then go to Text editor, not Visual editor, and put the text that you want bold in this

COPY CODE

<strong> text here </strong>

If that doesnt work let me know 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, this CSS will do it

COPY CODE

div#footer .col-sm-3 {
  margin-left: 100px;
}

🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, sorry i forgot you already posted your url 🙂
You can use this css to change the line color

COPY CODE

.kleo-main-header .nav > li.active > a {
  box-shadow: inset 0px -2px 0px 0px #00b9f7;
}

Just change #00b9f7 for the color you want
About the header, i think its fine as is, better to not complicate it, for me, i see it perfect

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, i will be able to do the changes for you, just let me know each thing that you want to change 🙂
As we cannot change the title because it will affect all the articles, we can make the box bigger so it hides it.
Try adding this CSS in Quick CSS

COPY CODE

.pmpro_content_message {
  paddinng-right: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
  background-color: #f3f3f3;
  border: 1px solid #f4f4f4;
  margin-left: 0px !important;
  margin-right: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 100% !important;
  margin-top: -55px;
  z-index: 1;
  position: relative;
}
.pmpro_content_message h2 {
  padding-left: 170px;
}
.pmpro_content_message p, .pmpro_content_message h2 {
  color: #444444;
  padding-left: 170px !important;
  padding-right: 20px;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, you need to follow the instructions i added for Shakinaz,
that should be added in members.php in kleo/buddypress/groups/single
Then copied to child theme.

Find

COPY CODE

				<div class="member-list-content">
					<h5><?php bp_group_member_link(); ?></h5>
					<span class="activity"><?php bp_group_member_joined_since(); ?></span>

And add it just after that, like this

COPY CODE

				<div class="member-list-content">
					<h5><?php bp_group_member_link(); ?></h5>
					<span class="activity"><?php bp_group_member_joined_since(); ?></span>
<?php do_action('bp_directory_members_item', 'bphelp_dpioml'); ?>

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, here are some fixes, please send me screenshots of what you want to change 🙂
Add this to Quick CSS in Theme options > General

COPY CODE

.kbe_breadcrum {
  margin: 0 0 30px;
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.kbe_category {
  width: 44%;
  margin: 0 35px 30px 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 5px;
  -webkit-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -moz-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -o-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#kbe_content .kbe_leftcol h2 {
  font-size: 22px;
  font-weight: normal;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 12px;
  margin-bottom: 18px;
  border-left: 3px solid #8a52ad;
  padding: 1px;
  padding-left: 2px;
  margin-left: -6px;
  margin-top: -6px;
  border-bottom-color: #f7f7f7 !important;
}
#kbe_content h2 a:hover {
  color: #166c94;
  text-decoration: none !important;
}

#kbe_content .kbe_leftcol ul li, ol {
  line-height: 35px;
  font-size: 14px;
  color: #333333;
  margin: 0;
  list-style: none;
  -webkit-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -moz-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -o-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  border: 1px solid #e5e5e5;
  padding-left: 30px;
  border-left: 3px rgb(161, 61, 214) solid;
  margin-top: 10px;
}
.kbe_category ul li {
  line-height: 35px;
  font-size: 14px;
  color: #333333;
  margin: 0;
  list-style: none;
  -webkit-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -moz-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  -o-animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  animation: kleo_appear 1s 1 cubic-bezier(0.175,0.885,0.320,1.275);
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  border: 0px !important;
  padding-left: 20px !important;
  border-left: 0px !important;
  margin-top: 0px !important;
}

You can change the colors in the CSS as you want 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello Shakinaz, please add this to your functions.php

COPY CODE

add_action('bp_core_activated_user', 'kleo_add_member_activity');
function kleo_add_member_activity($user_id)
{
	add_user_meta( $user_id, 'last_activity', date("Y-m-d H:i:s"));
}

This will count users once they register, now after you save it, go to Tools > Buddypress and check all options. This will recount your users and their activity etc…

Hello Abracadabra, yes the way i added it will show it also in members page, with your code, there is no need to change nothing, just place

COPY CODE

<?php do_action( 'bp_directory_members_item' ); ?>

In members.php of group files and will show your code, because you use the same action. Just add it like this

COPY CODE

<?php do_action('bp_directory_members_item', 'bphelp_dpioml'); ?>

Let me know if it works 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, yes, your browser cache with CTLR+F5 and your website cache.

For the group, its done, here is what i did:

Created the function to show the field in functions.php of child theme:

COPY CODE

add_action( 'bp_directory_members_item', 'display_user_info' );
function display_user_info() {
	echo "Organization: ";
	bp_member_profile_data('field=Organization');
	echo "</br>";
}

Edited wp-content/themes/kleo/buddypress/groups/single/members.php

Found:

COPY CODE

				<div class="member-list-content">
					<h5><?php bp_group_member_link(); ?></h5>
					<span class="activity"><?php bp_group_member_joined_since(); ?></span>
					

Added

COPY CODE

<?php do_action( 'bp_directory_members_item' ); ?>

So it looks like

COPY CODE

				<div class="member-list-content">
					<h5><?php bp_group_member_link(); ?></h5>
					<span class="activity"><?php bp_group_member_joined_since(); ?></span>
					<?php do_action( 'bp_directory_members_item' ); ?>

Then copied the file to your child theme.

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, you can do this with css 🙂 Create the panels you want, then wrap them with a div class, then create a css for that class. Let me explain:

[SHORTCODE WITH PANEL] <- This is your panel now.

Add this for example:

<div class=”panel01″>
[SHORTCODE WITH PANEL]
</div>

Now go to Styling options of Sweetdate panel and scroll down to find Quick CSS

Add this

COPY CODE

.panel01 .panel.callout {
  background: #2ba6cb !important;
  color: #fff !important;
  border-color: #2284a1 !important;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5) !important;
  -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5) !important;
  box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5) !important;
}

Now just change those colors with the ones you want ( #2ba6cb and rgba(255,255,255,0.5) are colors )
And save.

Do this changing panel01 for what you want, if you create another panel , name it panel02 and do the same with the css, add new one but with panel02

Let meknow if it works 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, please go to your admin panel, Theme Options and General Settings, then scroll down to find Quick css and add this

COPY CODE

.transposh_flags {
  direction: ltr;
  line-height: 0;
  margin-top: 10px;
  z-index: 3;
  position: absolute;
}

Let me know if it works 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello,
1. Please try with

COPY CODE

@media only screen and (max-width: 940px) {
.movecenter {
  margin-left: 0px !important;
}
.movecenter a {
  margin-left: 0px !important;
}
.movecenter i {
  margin-left: 0px !important;
}
.movecenter h1 {
  margin-left: 0px !important;
}
}

3. Try with:

COPY CODE

input[type="password"] {
  border: 1px solid #ff2861;
  color: black !important;
}

A. To edit the text in a mixed form you need to find the register modal in page-parts of your ftp file and copy it to child theme following the same path, so it looks like sweetdate-child/page-parts/home-register-form.php (i think thats the name 🙂

B. Any service to create native apps of wordpress can work with sweetdate, andromo is free ( use website url as an activity and the app will show your mobile site in the app ).

C. Cometchat or Arrowchat may work

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, fixed the button issue with this css

COPY CODE

.profile-cover-action .button {
  padding: 5px 10px;
  border-radius: 3px;
  transition: all 0.5s ease-in-out 0s;
  background: #fff !important;
  border: 1px solid #e5e5e5;
  text-transform: uppercase;
  font-size: 12px;
}

About the gorup avatar, i see them fine, could you specify the issue?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Laura]

Hello, i have added this css

COPY CODE

section.container-wrap.main-color {
  padding-bottom: 30px;
}

To your quick css settings 🙂
Let me know if thats what you wanted?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Author]

Posts