sharmstr

[sharmstr]

For member profile page

COPY CODE

#item-header-content span.activity {
display: none;
}

For members listing page

COPY CODE

.member-inner-list .item-meta {
display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

This reply has been set as private.

[sharmstr]

This reply has been set as private.

[sharmstr]

You have to add a class to the Title Attribute in the menu settings like this class=btn btn-highlight. Then you have to add custom css to style it the way you want. The way you can target it is

COPY CODE

.navbar-nav .btn.btn-highlight {
    line-height: 40px !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I’m not sure what’s specific about your site that’s causing it, but add this to your theme options – general settings – quick css. Let me know if that works.

COPY CODE

.logo img {
margin-top: -5px !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

If you mean hiding the main page title on all category archive pages, then try this.

COPY CODE

.category h1.page-title {
display: none;
}

If you mean something else, please be more specific.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

add this as well

COPY CODE

ul.kleo-social-icons {
float: right;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Give this a try

COPY CODE

.navbar-transparent #header .is-sticky .kleo-main-header.header-normal {
background-color:rgba(0,0,0,0.4) !important;
}

.navbar-transparent #header .is-sticky .kleo-main-header.header-normal.header-scrolled {
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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

The below will change it from a 40/60 split to a 25/75 split. Change to whatever sizes you want.

COPY CODE

#top-social.col-md-5 {
width: 25%;
}

#top-social.col-md-7 {
width: 75%;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Seems a pity that this relatively small change cannot easily added (even as a temporary child mod) directly in Kleo.

? It took me all of 3 minutes to figure it out. I’d say that’s quite easy.

COPY CODE

function kleo_menu_user_avatar( $item_output, $item, $depth, $args ) {

        $output = '';

        if ( is_user_logged_in() ) {

            $url = bp_loggedin_user_domain();

            $attr_title = strip_tags( $item->attr_title );

            $output .= '<a title="' . bp_get_loggedin_user_fullname() . '">has_children && in_array($depth, array(0,1)) ? ' js-activated' : '' ) . '" href="' . $url . '" title="' . $attr_title .'">'
                .  '<img /> 25, 'height' => 25, 'html' => false)) . '" class="kleo-rounded" alt=""> '. bp_get_loggedin_user_fullname();

            $output .= ( $args->has_children && in_array($depth, array(0,1))) ? ' <span class="caret"></span></a>' : '</a>';

            return $output;
        } elseif ( $args->has_children && in_array( $depth, array( 0, 1 ) ) ) {
            return $item_output;
        } else {
            return '';
        }
    }

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Did you regenerate the thumbnails? My css sets the height and width to auto. So if you’re displaying old thumbnails with a size of 150×150, they will continue to display in that size.

The orignial css had

COPY CODE

#buddypress .rtmedia-container .rtmedia-list .rtmedia-list-item {
height: 150px;
width: 150px;
margin-bottom: 30px;
}

Perhaps you need to put important on the height and width, though I didnt have to.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

In rtMedia, set your thumbnails to 240 x 240 cropped (I think you have that already). Then add the following css.

To remove the titles below the thumbnail

COPY CODE

.rtmedia-container .rtmedia-item-title, .rtmedia-activity-container .rtmedia-item-title, #buddypress div.rtmedia-activity-container .rtmedia-item-title {
	display: none;
}

To remove the 150px constraint and remove the gaps between the images

COPY CODE

#buddypress .rtmedia-container .rtmedia-list .rtmedia-list-item {
height: auto;
width: auto;
margin-bottom: 0;
}
.rtmedia-list.masonry .rtmedia-list-item {
margin: 0;
}

And to change the width of the actions

COPY CODE

.rtmedia-container .rtmedia-gallery-item-actions {
max-width: 240px;
}

You’ll also have to regenerate your thumbnails if you haven’t already. WP Admin – Tools – Regen Thumbnails.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

If you are talking about a number that corresponds to how many unread notifications you have, then add “Live Notifications” located under Kleo in Wp admin – Appearance – Menus.

If you just want to add a number, then put this in the title of the menu item

COPY CODE

<em>2</em>

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

line 9 above is missing the period at the beginning.

COPY CODE

.offcanvas-right.offcanvas-type-default .offcanvas-sidebar, .offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar {
-webkit-transform: translate(400px,0);
transform: translate(400px,0);
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

If your using it with Visual Composer, you just add the pin and change the “show tooltip/popover” to popover.

If you want to use the pin shortcode outside of VC, the easiest way is to first build it using VC then switch to classic mode and copy the shortcode with all of its options. Example

COPY CODE

[kleo_pin type="circle" tooltip="tooltip" tooltip_position="top" tooltip_title="Tooltips are great for short infos" tooltip_action="hover" css_animation="pulsate" animation="animate-when-almost-visible" top="20px" right="30px"]

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

COPY CODE

.navbar-nav .caret {
display: none;
}

Its super simple to figure these things out on your own. Just right click on the element you want to change, then select inspect (or something similar depending on your browser) to see what class the element is using. In this case, the class name is “caret”. I put the “navbar-nav” class in front of it so it wouldn’t hide all caret on the site in case they are used elsewhere. Hope this helps you to help yourself 🙂

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

All you need to do is right click on the element and choose inspect (or similar depending on what browser you’re using.) It seems as if you’ll be making a lot of changes. You should hire someone to help you.

COPY CODE

.post-footer a, .post-footer span {
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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Hello. Never edit stylesheets directly. Those changes will be during upgrades. If you’re using the child theme (you should be) then you can add your changes to the child style sheet. Weather you’re using the child theme or not, you can always add your changes to wp admin – theme options – general – quick css

The css you need is

COPY CODE

.post-meta a {
color: black !important;
}

Change black to whatever you want.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Which page on the demo site is showing that error?

If you’re just saying that http://seventhqueen.com/css/style.css doesnt exist, than that’s correct. It shouldn’t exist, but your site is trying to load it. The demo isn’t as far as I can tell. If I’m wrong, please give me a link to the page on the demo that’s trying to load that css file.

If you look at your source code, wp members is trying to load it

COPY CODE

<link rel='stylesheet' id='wp-members-css'  href='http://www.etkinlikkurdu.com/css/style.css?ver=4.0.1' type='text/css' media='all' />

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

If you check your css that’s being interpreted, you’ll see that the italics is being set by your User Agent (local machine) https://wordpress.org/support/topic/how-to-disbale-user-agent-stylesheet

If you look at your source code, you’e missing a semicolon

COPY CODE

<style type='text/css'>img#wpstats{display:none}</style>

You are also throwing 404 errors. http://www.etkinlikkurdu.com/css/style.css?ver=4.0.1 Failed to load resource: the server responded with a status of 404 (Not Found)

I think it has to do with wp memebers.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

COPY CODE

@media screen and (max-width: 480px) {
.pagination-sticky {
display: none;
}
}

In the future, test your issues against the demo. If they work there, start disabling plugins.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Instead of using shortcodes to display the icons, do this

COPY CODE

<em class="muted">feel free to call us</em>   <i class="icon-phone"></i> +91.33.26789234     <i class="icon-mail-alt"></i> youremail@yourdomain.com

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in your child css

COPY CODE

.navbar .nav li a em, .widget_nav_menu li a em {
background: #yourcolor;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in your child css

COPY CODE

.yith-wcwl-add-to-wishlist a:after,  .yith-wcwl-add-to-wishlist a:before, .yith-wcwl-add-button a.add_to_wishlist:after {
background: black;
color: white;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You only mentioned “bold” so thats the code I gave you.

COPY CODE

.normal-font a {
text-transform: none !important;
font-weight: normal !important;
font-size: 12px !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Go into the menu and add a class in the CSS Classes field under the item you want to control. Then in your child css, add this (assumes you called the css class “normal-font”.

COPY CODE

.normal-font a {
font-weight: normal !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

COPY CODE

.sidebar .news-thumb img {
border-radius: 0;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

1 – https://archived.seventhqueen.com/forums/topic/hi-how-can-i-change-color-and-size-sidebar#post-17501

2 – Kleo uses several files to build all the page sections. You’ll have to edit several files. Most will be in kleo/page-parts/ If you dont know how to do that, you’ll have to hire someone who does.

If you know php and are familiar with WP templates, you can use this bit of code in your functions file that will output the path/name of all the files it used to build the page. You can see it by viewing the page source code.

COPY CODE

/**
 * show included template files
 */
add_action('all','template_snoop');
function template_snoop(){
    $args = func_get_args();
    if( !is_admin() and $args[0] ){
        if( $args[0] == 'template_include' ) {
            echo "<!-- Base Template: {$args[1]} -->\n";
        } elseif( strpos($args[0],'get_template_part_') === 0 ) {
            global $last_template_snoop;
            if( $last_template_snoop )
                echo "\n\n<!-- End Template Part: {$last_template_snoop} -->";
            $tpl = rtrim(join('-',  array_slice($args,1)),'-').'.php';
            echo "\n<!-- Template Part: {$tpl} -->\n\n";
            $last_template_snoop = $tpl;
        }
    }
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in your child css

COPY CODE

.sidebar .widget.buddypress img.avatar {
border-radius: 0 !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

@patagonia, can you try this instead? I think adding the $query->is_main_query solves the problem and you’ll be able to use bbpress topics widget again.

COPY CODE

function kleo_archive_add_custom_types( $query ) {
    if(is_tag() && empty( $query->query_vars['suppress_filters'] ) && $query->is_main_query() ) {
        $query->set( 'post_type', array(
            'post', 'portfolio', 'product','page'
        ));
        return $query;
    }
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in your child css

.dropdown-menu li:last-child {
border-bottom: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Hi Hoops. Welcome to the forum.

A search would have given you the the following solutions.

change size: http://codex.buddypress.org/getting-started/guides/customizing-buddypress-avatars/

make square: put this in your child theme css

COPY CODE

.avatar {
border-radius: 0 !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Right click on the Topics widget to get the correct id, then use it like this (change 6 to your id)

COPY CODE

#kleo_recent_posts-6 .news-time {
display: none;
}

Anyhow, this is all temporary until Abe can come up with a better solution. I’ve assigned this topic to him, so he’ll see it.

I’ve also noticed that if you move away from widgets, go back in and save, they start listing all the pages again. So dont do that for now.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I figured it out. As I said, they added tags to portfolios starting with 2.3. In that add, they have a new function that filters the queries and are only specifying posts, portfolios and products. You’ll have edit core code to fix this, but I’m sure @abe will come up with another fix for the next update (sorry if I’m putting you on the spot abe)

Anyhow, open up /kleo/lib/post-types.php. All the way at the bottom you’ll see kleo_archive_add_custom_types. On the line that has ‘post’, ‘portfolio’, ‘product’ add ,’page’ at the end so it looks like this

COPY CODE

function kleo_archive_add_custom_types( $query ) {
    if(is_tag() && empty( $query->query_vars['suppress_filters'] ) ) {
        $query->set( 'post_type', array(
            'post', 'portfolio', 'product','page'
        ));
        return $query;
    }
}
add_filter( 'pre_get_posts', 'kleo_archive_add_custom_types' );

That should fix it. 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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Havent tested this, but you can probably copy header.php to your child theme and do a conditional check for the type of page you are on.

pseudo code

COPY CODE

<?php
if ( is_archive() || is_home() ) {
$bgColor = '#e9e9e9';
} else {
$bgColor = '#fff';
}
?>
<body <?php body_class(); ?> style="background-color:<?php echo $bgColor; ?>;" itemscope itemtype="http://schema.org/WebPage">

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Technically, none of those examples have the image centered. The ones you think are centered, aren’t. But put this in your child css to fix that.

COPY CODE

.portfolio-image img {
display: block;
margin: auto;
}

Let me know if that works for you.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I dont see a demo of that on Revolution Sliders site, so not sure if its really possible.

But in looking that the source code of the demo link you provided, basically they create a div, all by itself that holds the slider. The div css is

COPY CODE

element.style {
position: fixed;
top: 0;
z-index: -1;
overflow: hidden;
width: 100%;
background: #fff;
}

What all that means is fix the div (position: fixed) at the very top (top: 0), make it 100% wide and layer it under everything else on the page (z-index: -1);

You can try creating that with Visual Composer by creating a row to hold your slider and adding that css to the page.

Good luck.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You add it to the css that was in the other topic.

COPY CODE

.icon-megaphone:before {
color: red;
border: 1px solid #fff;
}

You should consider hiring someone with php, html and css knowledge.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

and maybe even

COPY CODE

function hide_price_filter() {
	if ( is_shop()  || is_product_category() ) {
		echo '<script>jQuery( ".widget_price_filter" ).hide();</script>';
	}
}
add_action('wp_footer', 'hide_price_filter');

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

here

COPY CODE

function hide_price_filter() {
	if (is_shop()) {
		echo '<script>jQuery( ".widget_price_filter" ).hide();</script>';
	}
}
add_action('wp_footer', 'hide_price_filter');

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts