Search Results for 'css'

hi

i don’t think that something from our theme,
anyway

hers the css:

@media (max-width: 767px){
dl.gallery-item {
width: calc(60%) !important;
}

Thanks for you message.
Radu A.

just perfect. Thank you!

Hi Marius,

Thanks, but now on the desktop browser the images are no more 500 px wide, they are to small. When I resize the window the images would be 500px wide.

For example: http://www.alphamann.net/zu-viel-getrunken-30-fotos/

Here is the css code I have installed:

.single .gallery img {
	width: 500px !important;
	height: auto;
}

.gallery-number {
	position: absolute;
	left: 0;
	top: 0;
	background: #ff6a62;
	padding: 0 10px;
}

.gallery-item {
	margin-top: 0 !important;
	margin-bottom: 22px !important;
}

@media (max-width: 767px) {
	.gallery-item {
		width: auto !important;
	}
}

Could you please check this again? Thank you very much!

@Radu that worked perfectly with the JS 🙂

However after i upgraded to 3.1 today it seems the addthis css file is back in header. Did you change anything? Have I done everything correctly?

It’s just the css from addthis that wont move now.

<link rel='stylesheet' id='output-css' href='http://creactivateno.wpengine.netdna-cdn.com/wp-content/plugins/addthis/css/output.css?ver=3.8.1' type='text/css' media='all' />

Now I realize i’m using a CDN but I’ve purged the cache multiple times so it shouldn’t be the problem.

<?php
/*
	Plugin Name: tagDiv speed booster
	Plugin URI: http://tagdiv.com
	Description: Speed booster for Newspaper theme
	Author: tagDiv
	Version: 2.1
	Author URI: http://tagdiv.com
*/

class td_speed_booster {

    var $load_contact_form_7 = '';
    var $load_google_fonts = '';

    var $styles_for_footer = array();

    function __construct() {
        add_action('wp_enqueue_scripts', array($this, 'enqueue_scripts_hook'), 100);
        add_action('wp_footer', array($this, 'wp_footer_hook'), 15);
        add_action('wp_head', array($this, 'wp_head_hook'), 15);
        define('TD_SPEED_BOOSTER' , 'v2.0');
    }

    function enqueue_scripts_hook() {

        
        $this->move_js_to_footer('bitly-js');

        
        if( !is_admin()){
            wp_deregister_script('jquery');
            wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"), true, '1.10.2', true);
            wp_enqueue_script('jquery');
        }

        //move styles
        $this->move_style_to_footer('output-css');
        $this->move_style_to_footer('bbp-default-bbpress');  //bpress old
        $this->move_style_to_footer('bbp-default');  //bpress

        $this->move_style_to_footer('contact-form-7');
        $this->move_style_to_footer('td-bootstrap');
        $this->move_style_to_footer('td-theme');

        $this->move_style_to_footer('google-font-rest');
        $this->move_style_to_footer('woocommerce_frontend_styles');

        //bbpress
        //remove_action( 'bbp_head', array($BBP_Default, 'head_scripts') );
    }

    function wp_footer_hook() {
        foreach ($this->styles_for_footer as $style_id => $style_src) {
            echo "<link rel='stylesheet' id='" . $style_id . "-css'  href='" . $style_src . "' type='text/css' media='all' />\n";
        }
    }

    function wp_head_hook() {
        echo '<style>body {visibility:hidden;}</style>';
    }

    function move_style_to_footer($style_id) {
        global $wp_styles;
        if (!empty($wp_styles->registered[$style_id]) and !empty($wp_styles->registered[$style_id]->src)) {
            $this->styles_for_footer[$style_id] = $wp_styles->registered[$style_id]->src;
            wp_deregister_style($style_id);
        }
    }

    function move_js_to_footer($js_id) {
        global $wp_scripts;
        wp_enqueue_script($js_id, ($wp_scripts->registered[$js_id]->src), '', $wp_scripts->registered[$js_id]->ver, true);
    }

}

new td_speed_booster();

?>

Thanks for the CSS codes Radu.

The question still remains: How do I make the logo visible in the menu bar when scrolling, both on desktop AND mobile?

In your demo, the logo is visible in the menu when scrolling in responsive mode (mobile), but not when scrolling on desktop (see the images in this post: https://forum.tagdiv.com/topic/moveplace-logo-in-menu-when-scrolled-down-and-menu-fixed/)

I have followed Marius’ steps to make the logo visible as an image in the menu when scrolling on desktop. It works great (see http://www.screencast.com/t/DeYJSyxDZpF).

HOWEVER, this fix has made the logo in the menu disappear in responsive mode (see http://www.screencast.com/t/KSoryFQcTRIB)

Thanks for helping me out!

Are

2. Thanks for the CSS advice. I’ve tried it out, and it looks great (http://www.screencast.com/t/DeYJSyxDZpF)… until I zoom in. The logo jumps to the right (http://www.screencast.com/t/TUHQptYM).

I’ve used the following CSS:

 .menu-item-37076  {
    position: absolute;
    left: 260px;
    right: 260px;
}

How do I make it centered, no matter what?

1. Zooming in further (mobile view), the logo disappears: http://www.screencast.com/t/KSoryFQcTRIB

How do I make the logo show in the menu bar, both on desktop AND mobile?

Are

Sorry, but that custom CSS causes another issue. When I paste your code in the theme panel than

1.) the grey area above the featured images disappears, so great
2.) the big image on the frontpage in the top slider is gone 🙁

Cheers,
Norman