Change width and fix some empty space and minor bug

[Martin]

Hi guys

Could you tell me how to expand content to fill empty space , check here please http://i.imgur.com/qDA2c5n.jpg .

On my other website, there is no empty space and everything looks more consistent  >  http://fpv.tv/flybi-drone-meet-the-game-changer/ .

Also if it’s possible to fill this empty space it’s mean that I can have more space for content/widgets. Here http://fpv.tv/category/products/ you can see 3 column, on is for post and 2 for widgets , but one the column for widget is bigger than other ( about 340px ) Is it possile to do same in kleo theme ? If yes this  could be very helpful.

Breadcrumb full trail doesn’t work > http://fub.tv/grumpy-cat-says-what-doesnt-kill-you/ . It works only on buddypress page

How to move tags from top page to bottom , like on this page http://fpv.tv/flysky-fs-i10-afhds-2-2-4ghz-10-channel-remote-control/  . Tags on the top are bad idea I think , coz user have to see content at first and then all other stuff.

Could you help me with this ?

 

Best regards

Martin

[Laura]

Hello, can you share admin credentials so i can check it out? 🙂

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 🙂

[Martin]

Laura I asked couple question and you just asked about admin login ?! … .

I tested all possibilities with empty space and this theme has big problem with it. If theme is in full widht you dont see it , but on boxed 1440px you can see this problem.

fub.tv is on clean install maked 2 days ago. So it’s working same as your test page ( or should be ).

Are you able to help my and answer my questons?

[Martin]

Also problem with thumbs, https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ffub.tv%2Fcategory%2Fpictures%2F&tab=desktop ( 74-96% !! ) .

When I switch back to other theme ” multinews” there is no problem with bug size thumbs ( just between 5-20% ).

[Martin]

bug > big*

[Martin]

I tested Kleo Demo Theme and it has same problems as I have on my page !!

Even Kleo doesn’t creat thumbs ! https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fseventhqueen.com%2Fthemes%2Fkleo%2Fpinterest%2F&tab=desktop . On category page thumbs has same size like main pics.

[Abe]

Hi there, the left/right space is not a bug and it is just the maximum width for the container that is default in KLEO.
You can adjust it with a custom css rule:

COPY CODE

.container { max-width: 1440px !important;}

You can adjust the content/sidebar width for 2 and 3 columns templates from Theme options – Layout settings – (see attached image)
To make a column bigger that the other in the 3 columns template will require from you CSS customizations

Breadcrumb takes the setting you choose in Settings – Permalinks. Try to include /%category%/ too in the permalink

To move the tags you need to make some customizations on the theme templates. You will need basic php knowledge to edit the function kleo_entry_meta() so you won’t show them at top and then in single.php to generate the tags there.

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

Attachments:

You must be logged in to view attached files.

[Abe]

I see what you mean for the category.
To adjust the size for those images you just need to add this to your child theme/functions.php

COPY CODE

add_action( 'after_setup_theme', 'kleo_custom_media_size', 20 );

function kleo_custom_media_size() {
    global $kleo_config;
    $kleo_config['post_gallery_img_width'] = 260; //initial was 480
    $kleo_config['post_gallery_img_height'] = 146; //initial was 270
}

Let me know if I missed something.

Cheers

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Martin]

Now we talking, thanks for attention and your time.

About thumbs, your code update improve it alot. Without improvment web page weight just for 10 thumbs was 1,2MB , now 256KB , big difference isn’t it ?. Problem was with too big thumbs one of thumbs was 860 x 450 , but displayed size about 280/143.
Will you make any code improvemnt in next update about this ?

[Martin]

.container size also works perfect.

Now The Tags. Why they are on top ? , mostly tags are on bottom.
Please check this, it’s looks so clear > http://i.imgur.com/XWbqeIS.jpg. User see content, then tags ( it’s big chance that he go forward to post if some of the tags get his attention.
I am bulding website where one post could have about 1-40 tags ( it will be some funny stuff so it will be a lot of tags ). Is there any way to improve it ? ( without editing php or other files, coz after update all changed stuff is gone ).

I test bredcrubms with /%category%/, it works for cleao but kills SEO i think.
On other websites or my other wordpress , bredcrumbs are working brilliant with default permalinks just with /%postname%/ . So I believe you can improve it this too.

Image question > http://i.imgur.com/nXe2VeH.jpg

Kleo is one the best layout for buddypress i have ever seen. But please make more attention about post / magazine layout / blog layout.

Check this > http://i.imgur.com/5wwzyRu.jpg here I can change how main images for posts can looks ( ” post layout ” ). This could be also great freature for cleo.

Thank you for your time dear Developers

[Abe]

Hi there,

To keep the changes over the theme updates, you should install and activate the kleo-child theme and the code I first gave you should go to kleo-child/functions.php. This way you won’t lose those changes added to the theme and also the child theme allows you to copy theme templates if you want to override some. More here: https://codex.wordpress.org/Child_Themes

Related to the tags:
– first, you need to disable them from the top area by going to Theme options – Blog – (see image attached) and remove the “tags” option from the list.
-second, I made a quick script for you so you can show the tags at the bottom of the page. With your child theme active you should add the code above in the kleo-child/functions.php

COPY CODE

function kleo_custom_show_post_tags($content) {
    if ( is_single() ) {
        $tag_list = get_the_tag_list( '', __(', ', 'kleo_framework'));
        if ( isset( $tag_list ) && $tag_list ) {
            $tags_array = explode(',', $tag_list);

            $tag_html = '';
            foreach ($tags_array as $tag ) {
                $tag_html .= '<span class="label label-primary">' . $tag . '</span> ' ;
            }
            $content .= '<style>span.label.label-primary a {color: #fff;}</style>';
            $content .= 'Tags: ' . $tag_html;
        }
    }
    return $content;
}
add_action( 'the_content','kleo_custom_show_post_tags', 20 );

I will also add this as an option on the next theme release.

Related to the breadcrumb, if you have the regular setting with just the postname, what breadcrumb do you get?

Thanks for your suggestions, the post layout/thumb should be a great addition.

Cheers

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

Attachments:

You must be logged in to view attached files.

[Martin]

This reply has been set as private.

[Abe]

Thanks for the suggestions. I wrote them down 😀

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts