Radu

[Radu]

It’s not working if you simply writes the html ?

COPY CODE

<h1>Hello</h1>
</p>Hellow<p>

You can try also this plugin https://wordpress.org/plugins/bp-tinymce/ it should add a simply editor to textarea inputs or similar.

Cheers
R

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

[Radu]

Hi,

Just use this css

COPY CODE

div#content {
    min-height: calc(100vh - 60px);
}

Cheeers
R

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

[Radu]

Hi,

1. I taught you had added by custom css that image there, and i had told you to remove from selector body. In this case just add this css to wp-admin -> theme options -> quick css to remove the bg img from body

COPY CODE

body {
    background: none #fff !important;
}

2. From what i know you cannot have custom icons by submenu items, on our demo we don’t have

Cheers
R

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

[Radu]

Hi,

I see, please leave try to set custom link and to add the link that you want to be redirected after login like in the screenshot below.

Also if it’s the same you can try to use the next php snippet by adding it in child theme, functions.php

COPY CODE

/* Radu SQ: easy redirect to Homepage after login */
function sq7_rdu_redirect( $redirect_to, $request, $user ) {
    $redirect_to = home_url();
    return $redirect_to;
}
add_filter('login_redirect', 'sq7_rdu_redirect', 11, 3);

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

1. There it’s because of the selector itself, in that space where you don;t want to have background it’s body, so you will have to remove from selector body

COPY CODE

#content, .page-title-colors, #respond {
    background-image: url(https://www.final.lynis-nailacademy.de/wp-content/uploads/2018/11/hintergrund-academy-09.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;

2. Icons can be changed and managed from wp-admin -> appearance -> menus

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

All off these should work when you using that snippet :
– post layout
– main menu options
– theme post settings
– header content(optional)
– bottom content(optional)

Snippet:

COPY CODE

// Add Theme Settings to CPT //
// Replace yourCPTslug with your CPT slug //
function my_cpt_sq_metabox_general_settings($post_types) {

$post_types[] = [‘sfwd-courses’, ‘sfwd-lessons’, ‘sfwd-topic’];
return $post_types;
}
add_filter(‘sq_metabox_general_settings’, ‘my_cpt_sq_metabox_general_settings’);

Only for learndash cpt this happens ? for others they appears ?

This suddenly happens ? did you had added plugins or snippet codes in the child theme ?
Pay attention to the slug names, re-check them

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

PLay with the next

COPY CODE

#buddypress div#item-nav ul li a::before { 
color:red;}

#buddypress div#item-nav ul li:hover a::before { 
color:green;}

#buddypress div#item-nav li.current.selected a::before {
color:yellow !important;
}

The first css rule changes the icon color.

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

Add also this css and check

COPY CODE

.logo a.mini-logo img {
    width: 40px;
}

Cheers
R

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

[Radu]

Hi,

The logo placeholder was dor a landscape type of a logo, for this it needs a small adjustment , the only reliable way it’s ti make it larger and to center it, the logo you can to the next,

Add the next css to wp-admin -> theme options -> quick css

COPY CODE

.sidemenu-header .logo img {
    max-height: 50px;
    margin: 0 auto !important;
    text-align: center;
}

.sidemenu-header a.real-logo.standard-logo {
    text-align: center;
}

For the border of the footer lists, use the next css to de-activate it.

COPY CODE

#footer .widget {
    border-bottom: 0 !important;
}

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,
Great,
I think you are referring to the focus state.

COPY CODE

.bp-overlay-menu.is-user-profile #buddypress div#item-nav ul li a:focus {background:red;}

Let me know
Cheers
R

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

[Radu]

Hi,

Just use this css

COPY CODE

#buddypress div#item-nav li.current.selected {
    background: red;
}

#buddypress div#item-nav li.current.selected a,#buddypress div#item-nav li.current.selected a:before {
    color:#fff !important;
}

Cheers
R

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

[Radu]

Hi,

Please take a look at this video that i’ve made on my local install, i cannot reproduce that, the font that i had set for body it’s applied no matters what options i check under performance and speed, also for the html i have sans-serif and for the body i have “Source Sans Pro”

https://drive.google.com/file/d/1iJn92bOkCH9o87Ua5FcwyR88m2FGt37n/view

I will add some css selectors below to can change the all news title and also there are another two maybe you need it to style.

COPY CODE

.kleo-tabs.tabbable ul li a {
    color: red !important;
}

.news-focus .left-thumb-listing .post-title a {
    color: green !important;
}

.footer-color .news-focus .left-thumb-listing .post-date {
    color: red;
}

I will investigate the titles issue for news module and i will get back to you those days.

So if there are some things what you want to change them like the above one let me know and i will offer you some css selectors to can do that.

Cheers
R

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

[Radu]

Hi,

To can see the second level of the second menu provide an account to can check

For the top menu bg use the next

COPY CODE

.container.top_menu_top {
    background: green;
}

How you had added the red background section with the second menu there ? if you had added from child add a specific class after container to can target specific that div.

Cheers
R

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

[Radu]

Hi,
Great!

Use this css

COPY CODE

@media screen and (max-width: 768px) {
    .pagination-sticky .wp-post-image, .pagination-sticky .avatar {
        height:25px !important;
        width:25px !important;
        line-height:25px;

    }

}

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

1. Cannot figure out how that happens can you make a video to can figure out how that happens ? Did you had checked if that happens also on our demo ?

2. Add the next css to to wp-admin -> theme options -> General settings -> Quick CSS

COPY CODE

.navbar .kleo-main-header {
    border: 0 !important;
}

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

[Radu]

Use this css

COPY CODE

ul .groups .activity-content .avatar {
    max-width: 50px !important;
    line-height: 50px;
}

Cheers
R

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

[Radu]

Hi,

Just use this css

COPY CODE

.post-content.animated.animate-when-almost-visible.el-appear.start-animation {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

The css will be added to wp-admin -> theme options -> General settings -> Quick CSS

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

I was able to change the avatar and it stays it’s not changing after refresh

http://vegamities.com/membres/dbo754820435/profile/change-avatar/#item-nav

Check the forum page the sidebar appears now, there you whousl install sidebar generator.

The footer text it’s builded with blogname+blogdescription+ current year dynamically, kind off.

To can change that you need to add the next code :

COPY CODE

if ( ! function_exists( 'kleo_copyright_text' ) ):
    /**
     * Add footer text
     */
    function kleo_copyright_text() {
        //echo '<p>' . __( "Copyright", 'kleo_framework' ) . ' © ' . date( "Y" ) . ' ' . get_bloginfo( 'name' ) . '. <br class="hide-for-large show-for-small"/>' . get_bloginfo( 'description' ) . '</p>';
        //echo '<p>' .$yourphpcodevariable. ' Copyright </p>';
        echo '<p>' .__('Copyright 2018') . '</p>';
    }
endif;
add_action( 'kleo_footer_text', 'kleo_copyright_text' );

To child theme functions.php in wp-content/themes/sweetdate-child/functions.php

Cheers
R

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

[Radu]

Hi,

Because of this file : https://www.eumello.com/wp-content/themes/sweetdate-child/css/bootstrap-tour-standalone.min.css

It applies to that form search display none, maybe has a common class or something, check the next snippet.

COPY CODE

.members form#search-members-form {
    display: block !important;
}

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

It can be changed using the next css, and it can be added to quick css area from wp-admin -> theme options -> quick css or in child theme style.css

COPY CODE

.kleo-carousel-testimonials .testimonial-image {
    min-width:100px !important;
    min-height:100px !important;
}
.kleo-carousel-testimonials .testimonial-image img {
    min-width:100px !important;
    min-height:100px !important;
}

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

There actually on mobile view the header it’s black and your logo a darken color so they will look overlapped or broken, you can add the next css to the quick css from wp-admin -> theme options -> general options -> styling options or in child theme style.css

COPY CODE

@media(max-width:991px) {
    .navbar-transparent .sticky-wrapper {
        background-color:#999 !important;
    }

}

Change with your desired color

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

For the profile fields width thing here’s the css that controls the width

COPY CODE

#buddypress div.profile .dl-horizontal dt {
    width: 35%;
}
#buddypress div.profile .dl-horizontal dd {
    width: 64%;
    margin-left:38%;
}

Cheers
R

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

[Radu]

Hi,

This it’s not changing navigation, this will make some space between img and avatar wrapper and it will make the avatar smaller.

COPY CODE

.buddypress div#item-header img.avatar {
padding:20px;
}

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

You can try to set padding instead specifying the img width

COPY CODE

.buddypress div#item-header img.avatar {
padding:20px;
}

Cheers
R

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

[Radu]

Sorry there was something in plus >img src tag not sure why… the snippet should be like this

COPY CODE

if ( ! function_exists( 'kleo_fb_bp_show_avatar_url') ) {
    function kleo_fb_bp_show_avatar_url($gravatar, $params)
    {

//if we have an avatar uploaded and is not Gravatar return it
        if (strpos($gravatar, home_url()) !== false && strpos($gravatar, 'gravatar') === false) {
            return $gravatar;
        }

        return $gravatar;
    }
}

Or copy it from there : https://pastebin.com/raw/xRqY1ssp

Cheers
R

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

[Radu]

Ok, the next its the solution reply see it Hello, you would need to edit it at the child theme, Go to website files and find wp-content/themes/kleo/buddypress/members/members-loop.php Copy the file and go to wp-content/themes/kleo-child , create a new folder, call it buddypress, then inside buddypress, another folder called members then paste the file inside. Edit the file: Find:

<?php if ( bp_has_members( bp_ajax_querystring( 'members' ) ) ) : ?>

Replace with

<?php if ( bp_has_members( bp_ajax_querystring( 'members' ) . '&type=alphabetical' ) ) : ?>

Cheers R

[Radu]

Not marked as solution

[Author]

Posts