Search Results for 'css'

Dear Sir / Madam,

Greetings of the day!!

After following up the steps mentioned on the installation guide too getting render blocking error for the following CSS.

https://www.irctchelp.in/wp-content/plugins/font-awesome-4-menus/css/font-awesome.min.css?ver=4.7.0

Please suggest.

Regards,
Jubel Thomas Joy

Hello,

I’m having some “problems” with the Speed Booster plugin. I state that i’m not a newbie to this template and its plugins.
Said that, what follow is my problem: as you can see from the screenshot below, if i run the Google Page Speed for my articles, there’re two files that delay the render of the page (above-the-fold) only on the mobile version (i’m not using the dedicate mobile plugin because the theme is already mobile friendly).
I’ve added those files in my Speed Booster config file, but seems that isn’t working.
The second problem is: why the mobile pages needs 5 round trip to be loaded? (0 on desktop version)

Here’s my speed booster code for CSS and JS (not complete for security reasons):

function css_mover() {
        //if ($this->td_theme_name == 'Newspaper') { }
        // wp 011 - Newspaper 6

			$this->move_style_to_footer_queue('bbp-default-bbpress');  //bbpress old
			$this->move_style_to_footer_queue('bbp-default'); // bbpress
			$this->move_style_to_footer_queue('contact-form-7');
			$this->move_style_to_footer_queue('cookie-notice-front');
			$this->move_style_to_footer_queue('ewww-image-optimizer');
			$this->move_style_to_footer_queue('disqus-comment-system');
			$this->move_style_to_footer_queue('yoast-seo-adminbar');
			$this->move_style_to_footer_queue('rs-plugin-settings');
			$this->move_style_to_footer_queue('td-mobile');
			$this->move_style_to_footer_queue('td-theme');
			$this->move_style_to_footer_queue('td-theme-child');
			$this->move_style_to_footer_queue('td-theme-woo');
			$this->move_style_to_footer_queue('td-theme-demo-style');
			$this->move_style_to_footer_queue('td_live_css_frontend');
			$this->move_style_to_footer_queue('td-theme-bbpress');
			$this->move_style_to_footer_queue('font-awesome-four');
			$this->move_style_to_footer_queue('cookie-consent');

        if ($this->is_ie === false) {
            // move style.css theme style
            $this->move_style_to_footer_queue('js_composer_front');
			$this->move_style_to_footer_queue('td-mobile');
            $this->move_style_to_footer_queue('td-theme');
            $this->move_style_to_footer_queue('td-theme-child');
            $this->move_style_to_footer_queue('td-theme-woo');
            $this->move_style_to_footer_queue('td-theme-demo-style');
			$this->move_style_to_footer_queue('td_live_css_frontend');
            $this->move_style_to_footer_queue('td-theme-bbpress');
			$this->move_style_to_footer_queue('font-awesome-four');
        }

        //@todo test on newsmag
        $this->move_style_to_footer_queue('woocommerce_prettyPhoto_css'); //on product page
        $this->move_style_to_footer_queue('woocommerce_frontend_styles'); //old woocommerce?
        $this->move_style_to_footer_queue('woocommerce-layout');
        $this->move_style_to_footer_queue('woocommerce-smallscreen');
        $this->move_style_to_footer_queue('woocommerce-general');
        //$this->move_style_to_footer_queue('bp-legacy-css');

        //google fonts
		$this->move_style_to_footer_queue('google-fonts-style');
        $this->move_style_to_footer_queue('google_font_open_sans');
		$this->move_style_to_footer_queue('google_font_roboto');
		$this->move_style_to_footer_queue('google_font_roboto_cond');
		$this->move_style_to_footer_queue('google-fonts-style');
		$this->move_style_to_footer_queue('google-font-ubuntu');

        //move revolution slider css
        $this->move_style_to_footer_queue('rs-plugin-settings');
        $this->move_style_to_footer_queue('genericons'); //still rev slider

        //$this->move_style_to_footer_queue('js_composer_front');

    }

/**
         * move javascript to footer
         */
			$this->move_js_to_footer('themepunchtools');
			$this->move_js_to_footer('revmin');
			$this->move_js_to_footer('vc_woocommerce-add-to-cart-js');
			$this->move_js_to_footer('contact-form-7');
			$this->move_js_to_footer('cookie-notice-front');
			$this->move_js_to_footer('disqus-comment-system');
			$this->move_js_to_footer('ewww-image-optimizer');
			$this->move_js_to_footer('revmin');
			$this->move_js_to_footer('tp-tools');
			$this->move_js_to_footer('jquery');
			$this->move_js_to_footer('comment-reply');
			$this->move_js_to_footer('js_files_for_plugin_live_css');
			$this->move_js_to_footer('js_files_for_live_css');
			$this->move_js_to_footer('js_files_for_ace_ext');
			$this->move_js_to_footer('js_files_for_ace');
			$this->move_js_to_footer('td-site-min');
			$this->move_js_to_footer('td-site');
			$this->move_js_to_footer('cookie-consent');

        //print_r($wp_scripts);
        // replace comment-reply.min.js with inline version
    }

Hello,

I’m building my homepage. id like it to look similar to this > https://imgur.com/A68Yixw
could you please advise me on how best to recreate the highlighted section.

i would like three of my latest articles to appear in one section. i would like them to NOT have any thumbnails. i would like the initial paragraph or 30 words or so to display beneath them.

i like the 3 column layout with a bigger column in the middle . so 1/4 1/2 1/4 . im using the pagebuilder option to achieve this. you suggest not to use that layout of columns with newspaper 8.5. why is that?

if I edit the css of a block will i have to create a child theme so it doesn’t get deleted when i update?

thank you

On my webpage http://dev.mega-media.hr/, I want video background on header and menu. I found out on your forums this option which is now displayed on my page. But now I want to scale this background to be at least half this size. So considering it’s row background I tried to change row height. First I unchecked “full height” box and then added extra class, and in css tried to set height but when I press save button it just keep loading. I also tried to achieve it by id inestead of class. But it doesn’t work. I actually can’t change anything. Later I added few rows on random places just to test it, when I was typing css code, changes appear in realtime on page but when I press save it keeps loading… My actual goal is to have video background behind menu and header which is about their size. If there is any other way to achieve that please let me know.

Thanks

Hi,

I’m trying to customize the CSS style for the .td_outlined_btn

I’ve entered the following info into the Custom CSS section in the Theme Panel:

.td_outlined_btn {
background-color: transparent;
border-color: #656565;
border-radius: 6px;
}

.td_outlined_btn:hover {
background-color: transparent;
border-color: #cc1a1a;
color: #656565;
}

But the changes are not registering on my website. However, when I apply these same edits on the Style Editor in the Web Developer Tools on Firefox, all the changes I wish to make show on the web page.

Can you please let me know what am I missing?

Thanks!

Hello,

I’m trying to style my homepage, but there is a gap between the header menu and revolution slider. It seems to be the padding.
Is there somewhere I can make the padding smaller, or should I use custom CSS?