Catalin

[Catalin]

Hello,

We will add a fix on the next theme update. Untill then you will both need to add this in your style.css file from your child theme:

COPY CODE

div.friendship-button,
div.friendship-button-ext,
#post-mention,
#send-private-message {
    display: inline-block;
    margin-right: 5px;
}
#profile div.friendship-button,
#profile div.friendship-button-ext,
#profile #post-mention,
#profile #send-private-message {
    display: table-row;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

Welcome in Kleo family, glad you enjoy the theme. To modify the numbers, you need to use this shortcode:

COPY CODE

[kleo_animate_numbers animation="animate-when-almost-visible" timer="3000"]xxx[/kleo_animate_numbers]

where xxx is your number. Also take a look at my screenshot.

Thank you,
Catalin

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

Attachments:

You must be logged in to view attached files.

[Catalin]

also add this in your style.css file from your child theme:

COPY CODE

.btnboton_doi:hover, .boton_doi:hover
{
  text-decoration: none !important;
}

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

[Catalin]

Hello,

I wasn’t able to login into your dasboard. please add this to your style.css file from your child theme:

COPY CODE

#members-dir-list

{
  margin-top:-30px;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

if you are reffering to width you can achieve that by adding this to your srtle.css file from your child theme:

COPY CODE

.kleo-page
{
  max-width: 980px !important;
}

Thank you,
Catalin

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

[Catalin]

add this in your style.css:

COPY CODE

.bp-widget h4 {
background-color: transparent !important;
}

let me know if this works.

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

[Catalin]

Hello,

PLease add this code in your style.css file from your child theme:

COPY CODE

body.bp-user .circular-item
{
 display:none;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

Add thid code in your style.css file from your child them:

COPY CODE

.search-item .avatar img {
width: 100%;
height: 100%;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello sir,

Please take a look now. The folder name from the child theme was “k-elements” instead of “k_elements”… I fixed that.

Also the image size was having a css rule so I added in your style.css this:

COPY CODE

.kleo-carousel-testimonials .testimonial-image img , 
.kleo-carousel-testimonials .testimonial-image
{
  width:125px;
  height:125px;
}

Thank you,
Catalin

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

[Catalin]

Hello,

Add this in your style.css file from your child theme:

COPY CODE

@media only screen and (max-width: 767px) 
{

   #logo, .top-bar
  {
   display:none;
  }
 }

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

1. I don’t understand… if you want to get rid of the checkbook users will not be able to agree…
2. add this code in our style.css file from your child tteme:

COPY CODE

body.registration .field-visibility-settings-notoggle
{
   display:none;
}

3. send me admin credentials to help you with this… reply as private for security reasons

Thank you,
Catalin

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

[Catalin]

Hello,

Add this in your style.css file from your child theme folder:

COPY CODE

.navbar-nav > li > .dropdown-menu {
margin-top: -30px;
}

div.is-sticky .navbar-nav > li > .dropdown-menu
{
  margin-top: 0px !important;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

the link structure should be like this:

COPY CODE

<a href="#" title="link">link</a>

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

[Catalin]

add this:

COPY CODE

.form-search, .form-header 
{
background: rgba(0,0,0,0.1);
}

.form-footer {
background: url(“../images/patterns/gray_pattern.gif”) repeat scroll 0 0 rgba(0,0,0,0.1);
}

the last rule needs to be changed based on my previous reply ( from 0.4 to 0.1 )

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

Add this code in your style.css file from your child theme folder:

COPY CODE

body.home-page #header nav.top-bar
{
  display:none;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

I tested your code and you should replace “.form-footer” css line atributes with this:

COPY CODE

.form-footer {
background: url(“../images/patterns/gray_pattern.gif”) repeat scroll 0 0 rgba(0,0,0,0.4);
border-bottom: 10px solid rgba(0,0,0,0.4) !important;
border-left: 10px solid rgba(0,0,0,0.4) !important;
border-right: 10px solid rgba(0,0,0,0.4) !important;

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

I see what you mean. Please add this code in your style.css file from your child theme:

COPY CODE

body .aligncenter, .entry-content a:hover .aligncenter 
{
clear: none !important;
}

Let me know if this works.

Thank you,
catalin

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

[Catalin]

Hello,

Add this code in your functions.php file from your child theme:

COPY CODE

function kleo_show_breadcrumb()
{
    if (sq_option('breadcrumb_status') == 1)
    {
        if(!is_page_template('page-templates/front-page.php')) { ?>
            <!-- BREADCRUMBS SECTION
            ================================================ -->
            <section>
                <div id="breadcrumbs-wrapp">
                    <div class="row">
                        <div class="nine columns">
                            <?php echo "<p style="margin-top: 15px;">CUSTOM TEXT YOU WANT TO ADD</p>' ?>

                        </div>

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



                    </div><!--end row-->
                </div><!--end breadcrumbs-wrapp-->
            </section>
            <!--END BREADCRUMBS SECTION-->
        <?php
        }
    }
}

replace “CUSTOM TEXT YOU WANT TO ADD” with whatever you want.

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

I added the code and please take a look. To make the text color wite you need to change this file:

http://www.modelartec.com/casting/modelartec/estilo.css

and modify this part

COPY CODE

#rtm-media-options .primary, #rtm-media-options .primary i {
color: #1A1A1A !important;
}

with

COPY CODE

#rtm-media-options .primary, #rtm-media-options .primary i {
color: #xxx !important;
}

where xxx should be your desired color ( maybe white #fff )

Thank you,
Catalin

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

[Catalin]

add this:

COPY CODE

.kleo-main-header ul.navbar-nav > li > a.kleo-bp-user-avatar:hover:before
{
  border-bottom: none !important;
}

let me know if this works.

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

[Catalin]

Hello,

Sorry for late reply. You need to copy this file \themes\sweetdate\registration\register.php to your child theme folder keeping the sam estructure and modify:

line 38

COPY CODE

<div class="register-section six columns" id="basic-details-section">

to

COPY CODE

<div class="register-section xxx columns" id="basic-details-section">

where xx is a lower number then six.

Analog to line 70 but you will have to use a higher number.

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

@4services: please deactivate easy-facebook-likebox, it adds an “!important rule” to the Css and this why on hover the images look bad.

@kingadrian:

here is an example on how you can change the icon… add this in functions.php from your child theme folder. read comments between “/* … */” from the function to understand what every line does.

COPY CODE

add_action(‘after_setup_theme’,’kleo_my_hearts_actions’);

function kleo_my_hearts_actions()
{
/* Replace the heart over images */
add_filter(‘kleo_img_rounded_icon’, ‘my_custom_icon’);

/* Replace the heart from register modal */
add_filter(‘kleo_register_button_icon’, ‘my_custom_icon_register’);

/* Replace the heart from About us widget */
add_filter(‘kleo_widget_aboutus_icon’, ‘my_custom_icon_about_widget’);
}

/* Replace the heart with a camera icon function */
function my_custom_icon () {
return ‘tachometer’;
}

/* Replace the heart from register modal with a user icon function */
function my_custom_icon_register () {
return ‘tachometer’;
}
/* Replace the heart from about us widget with a user icon function */
function my_custom_icon_about_widget () {
return ‘tachometer’;
}
?>

IN THE QUICK CSS

COPY CODE

.icon-heart:before
{
content: “\f0e4″;
}

Thank you,
Catalin

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

[Catalin]

Hello,

add this to your style.css file from your child theme:

COPY CODE

span.rtmedia-upload-media-link
{
border: 1px solid #515256;
background: #515256;
color: #ffffff !important;
padding: 5px 10px 5px 5px;
border-radius: 15px;
font-size: 13px;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

In the same file you have already copied in your child theme folder go to line 28 and replace

COPY CODE

<?php bp_member_avatar('type=thumb&width=94&height=94&class='); ?>

with

COPY CODE

<?php bp_member_avatar('type=thumb&width=XXX&height=XXX&class='); ?>

where XXX is the new dimensions for the avatar images (width x height). Please consider the fact that avatar pictures have to have equal or higher size compaired to XXX, the new value.

Also, you need to add this code to your style.css file from your child theme:

COPY CODE

body.members .search-item .avatar
{
  width:  XXXpx !important;
  height: XXXpx !important;
}

Analog XXX explanation.

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

The template can be found here:

C:\wamp\www\wordpress\wp-content\themes\sweetdate\content-image.php

You can use this file by copying it in your child theme folder and remove this part:

COPY CODE

      <?php 
      if (get_post_thumbnail_id()) { ?>
      <div class="twelve columns">
        <div class="article-media clearfix">
            <?php the_post_thumbnail();?>
        </div><!--end article-media-->
      </div><!--end twelve-->
      <?php } ?>

Thank you,
Catalin

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

[Catalin]

Hello,

Sorry for the late reply.

You need to create a sub folder named k_elements in your child theme folder and copy the file kleo_testimonials.php from

..\plugins\k-elements\shortcodes\templates\

and modify the line 69:

COPY CODE

$image = aq_resize( $img_url, 65, 65, true, true, true );

with your desired new size.

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

You need to copy this file in your child theme folder keeping the same structure:

..\themes\sweetdate\members\members-loop.php

and modify this line:

COPY CODE

  <div class="four columns">

from line 25

with this:

COPY CODE

  <div class="two columns">

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

I see what you mean.

Please remove the code I gave you and replace it with this:

COPY CODE

.kleo-main-header ul.navbar-nav > li > a:hover:before {
    border-bottom: 1px dashed #fff;
    bottom: 35%;
    content: "";
    display: inline-block;
    position: absolute;
    width: 65%;
}

.kleo-main-header.header-scrolled ul.navbar-nav > li > a:hover:before {
    bottom: 20%;
}

Thank you,
Catalin

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

[Catalin]

Hello,

I saw you already modified in the admin panel the background color to transparent. Also, add this code in your style.css file from your child theme.

COPY CODE

.grid-posts .post-content {
background: rgba(255,255,255,0.3);
}

Thank you,
Catalin

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

[Catalin]

Hello,

Add this code in your style.css file from your child theme folder:

COPY CODE

.navbar-header, .kleo-main-header .navbar-collapse > ul > li > a:active
{
 color:#XXX;
}

where #XXX is the color code you want to add.

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

This is normal behaviour for representing a list. If you want to fix this please add this code in your style.css file from your child theme:

COPY CODE

.article-content ul
{
  margin-left:-20px;
}

Let me know if this helps.

Thank you,
Catalin

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

[Catalin]

Hello,

1. Please add this code in your functions.oho file from your child theme:

COPY CODE

function kleo_change_profile_name() {
global $bp;
$bp->bp_nav['profile']['name'] = 'your name';
$bp->bp_nav['activity']['name'] = 'your name';
$bp->bp_nav['friends']['name'] = 'your name';
$bp->bp_nav['groups']['name'] = 'your name';
$bp->bp_nav['blogs']['name'] = 'your name';
$bp->bp_nav['messages']['name'] = 'your name';
$bp->bp_nav['settings']['name'] = 'your name';
 
}
add_action( 'bp_setup_nav', 'kleo_change_profile_tab', 999 );
 
define( 'BP_DEFAULT_COMPONENT', 'profile' );

2. take a look at this:

https://archived.seventhqueen.com/forums/topic/member-directory-page-about-me-text-does-not-display

Thank you,
Catalin

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

[Catalin]

Hello,

Please add this in style.css file from your child theme:

COPY CODE

@-moz-document url-prefix() {
    .top-bar ul > li a:not(.button) { font-weight: normal; }
}

Thank you,
Catalin

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

[Catalin]

Hello,

PLease add this code in your style.css file from your child theme:

COPY CODE

.footer-color#footer
{
   font-size:12px !important;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

PLease add in your style.css file from your child theme this code:

COPY CODE

.kleo-transform .one-by-one-animated .start-animation .el-appear, .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear
{
  -webkit-animation:none !important;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

The members loop file can be found here:

..\themes\sweetdate\members\members-loop.php

to be able to show only online users please take a look at this link:

http://codex.buddypress.org/developer/loops-reference/the-members-loop/#code-examples

the line of code that filters the online users is this:

COPY CODE

<?php if ( bp_has_members( 'type=online' ) ) : ?>

Thank you,
Catalin

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

[Catalin]

Hello,

To change the font size for the categories, please add this code in your stylee.css file from your child theme:

COPY CODE

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3

{
   font-size:XXpx !important;
}

where XX is the new size you want.

regarding the second issue, i did a product search with “Alfa romeo” and the results display like this:

http://new.offquattro.com/?s=alfa+romeo&post_type=product

To set number of posts to be displayed in one page take a look at (Settings > Reading) and set “Blog pages show at most: XX” where XX is the number of elements/page you want to display.

Thank you,
Catalin

Thank you,
Catalin

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

[Catalin]

Hello,

You can add this code in your style.css file from your child theme:

COPY CODE

body.home-page .row
{
   width:100% !important;
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

Add this code in your style.css file from your child theme folder:

COPY CODE

.navbar-transparent .navbar .navbar-nav > li > a:hover
{
 border-bottom:1px #fff dotted;
line-height:20px !important;
}

.kleo-main-header .navbar-collapse > ul > li > a {
line-height: 20px !important; 
}

Let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

You need to copy this file:

..\sweetdate\page-parts\home-register-form.php

to your child theme folder keeping the same folder structure
and add this line:

COPY CODE

if ( is_user_logged_in() ) return "";

after first line of code from the file (“<?php” – line)

Let me know if this works.

Thank you,
Catalin

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

[Author]

Posts