alexlii

[alexlii]

Other method that you can try it’s to comment do action kleo header and to add below echo do shortcode your code

Hi Radu,

Thanks, I can upload the menu project by Hype official wordpress plugin:https://wordpress.org/plugins/tumult-hype-animations/

and I can use those animations by shortcode in wordpress, and all of animation project works well.

My question is how to use this method with the one you send me last time please:

COPY CODE

    if(get_current_blog_id() == '1') {
        //header content here
    }

I mean I need set different custom Animation menu for different Blog ID by using Hype shortcode in your method.

Thanks so much, and have a nice day.

Alex

[alexlii]

Hi Anna,

I tried both your code lines and the customed color in theme quick css option:

COPY CODE

.masonry-listing .format-image .post-title {
    border-left: 3px solid #00b9f7 !important;
}

but it seems not work, would you please have a check:

http://prntscr.com/jsf1dv

I am sure that I already clear all the cache both on server end and browser end.

Thanks.

Alex

[alexlii]

Hello Laura,

This is all of the css at I used, and I adjust logo font size to 25px as below:

COPY CODE

@media (min-width: 991px) {
strong.logo a {
    font-size: 17px !important;
}
.primary-menu.collapse.navbar-collapse.nav-collapse {
    margin-left: -10%;
}
.kleo-main-header.header-split .container {
    padding: 0px !important;
}
ul#menu-second-menu a {
    font-size: 10px !important;
}
}

.kleo-main-header.header-split .container {
    margin-left: 9%;
}

and here is the screenshot in Max bookair:

obviously, it show as two line:http://prntscr.com/iwvmzi

or please check at the site at https://support.lovcour.com, and adjust the browser to small window.

Thanks.

Alex

[alexlii]

Hello,

Should I put all of those CSS together? like in this way?

COPY CODE

@media (min-width: 991px) {
strong.logo a {
    font-size: 17px !important;
}
.primary-menu.collapse.navbar-collapse.nav-collapse {
    margin-left: -10%;
}
.kleo-main-header.header-split .container {
    padding: 0px !important;
}
ul#menu-second-menu a {
    font-size: 10px !important;
}
}

.kleo-main-header.header-split .container {
    margin-left: 9%;
}

If yes, the text logo will be shown by more that one lines on small computer, please check:

http://prntscr.com/iwvmzi

or, please check directly at https://support.lovcour.com

[alexlii]

Hello,

Our main site address is https://lovcour.com, so I did as your instruction in Child theme, if I am wrong, please correct me:
screenshot:http://prntscr.com/irvrp3

COPY CODE

function add_custom_css_for_logo(){
    echo "<style>n";
    echo '<script type="text/javascript" src="https://lovcour.com/webfont.js"></script>';
    echo "n</style>";
}
add_action( 'admin_print_styles', 'add_custom_css_for_logo' ,90);

since I do not know exactly which directory I should put webfont.js in, so put it both in our project directory and wordpress directory:

Screenshot:
http://prntscr.com/irvsw5
http://prntscr.com/irvsoh

But it does not work, both or theme option and Visual composer backend page, also there are different with the version request, visual composer request the version 1.4.7, but Kleo theme request: 1.5.0

Kleo theme screenshot:http://prntscr.com/irvtmw,
Visual composer screenshot: http://prntscr.com/irvuo7

What I did wrong please?

Alex

[Author]

Posts