Search Results for 'css'

Easy way is custom CSS:

#td-top-search {
  display: none !important;
}

(Less easy but technically better way is to edit menu-header.php and menu-header-center.php in a child theme and remove the content of the div whose ID I just quoted.)

Without a live site it’s not possible for me to inspect element and see the exact CSS, but here goes.

Revolution slider problem:

.sf-menu {
  z-index: 2 !important;
  }

.rev_slider {
  z-index: 1 !important;
}

For the search bar, right-click and use inspect element. Find the input element and then find its class (or the class of the first container above it), then sub that in here:

.the-class-you-found input[type="text"] {
  border: 1px solid #777777 !important;

For example, if I were changing my Contact Form 7 “Your name” input, I would right click on it and find this:

http://www.screencast.com/t/B8Rfnfeuvr

In which case my CSS would be:

.wpcf7-form-control-wrap-your-name input[type="text"] {
  border: 1px solid #777777 !important;

Then change the hex code to whatever colour you want.

• This reply was modified 11 years by TheMediumUTM.

Learn something new every day! I was wondering about the width thing the other day on my own project, so good to know. I knew about the CSS nowrap feature as I use that with a news “ticker” on one of my sites to keep it from “busting out” — but didn’t even think about that for the drop down menus in Newspaper! 🙂

• This reply was modified 11 years by simchris.

Hi, this has been covered before (search forum), for this exact same question. This is usually due to a delay in the color over-ride loading so you see a flash of the default color; more noticeable if using a child theme due to the CSS redirect. I think the main “right” solution is to specify some colors in the styles.css file if you know how to do that.

Marius will have better answer, but you can search forum as this identical question has been asked before 🙂

Be sure to deactivate child theme when upgrading and select main theme as working; then upgrade files; then go back and activate child theme. At least that seems to be the way to do that. And of course clear cache on server/CDN, and your web browser – often what happens is that something is loading the old styles, and so browser ends up loading mix of old and new. Might not be your issue, but worth a try. 4.2 does work, but I haven’t used it with child theme myself as I prefer to change core files and use custom CSS to avoid such weirdo issues with child themes, and I’m a believer in NOT using the CSS redirect from child to parent.

Hello Lucian
Thank you for your help, but unfortuanetly i couldn’t fix it.
I changed the every `font-family” in “style.css” as “roboto”, as @Christopher told. (btw thank you for your prompt reply @Christopher)
And i double checked that i enabled the latin extented charset form theme panel. It is set as enabled.
And also all the fonts in custom typography in theme panel is set as “roboto” except menu font is set as “sniglet”
When i check website with chrome it is ok.
But when i check with firefox and IE it has this latin extended font problem in footer menu and in woocommerce product contents. You can see below pictures.

http://www.screencast.com/t/k5c8gXQA8xn

http://www.screencast.com/t/nq9eQ3oFDUnX

btw site is : http://www.buradafikirvar.com

i am looking forward to hearing from you
best regards.

Hi,

I’m trying to improve the performance of my site (http://admitto.nl), which is now at 49% for mobile and 65% for desktop with Pagespeed). This is however the max I’ve been able to reach. Do you have any more tips or tricks?

Im using the Newspaper theme with the following plugins:

ClickDesk Live Chat
Contact Form 7
Google Analytics Dashboard
Hide Title
MailPoet Newsletters
Custom Anti-Spam
Recent Tweets Widget
Share buttons by AddtoAny
tagDiv Social Counter
tagDiv speed booster
W3 Total Cache
Wordpress SEO
WP-Optimize
WPBakery Visual Composer
WP Smush.it

I know these are a lot of plugins, but I don’t think they influence the performance that bad. Pagespeed is mainly complaining about compressing CSS/JS. Any ideas here?

Thanks in advance!

Hi Lucian,

I have changed it but I am not sure about the style. Can you please kindly provide the CSS code to make it look like that?

Thanks

thank for support, can u tell me where i can put that css ?

Hi Lucian,

thanks for coming back to me. 🙂

Yes, I had the full width post pages working and was amazed how great the pictures stand out in that setup. That is why I intended to achieve the same look on the homepage with the slider for featured articles.

Regarding the slider/bigslider full width, you can try to have this via css but the sliders had not been designed to work like that and I don’t know how will respond

Yes, that is exactly what I would like to try. To have the sliders on homepages in the same look as the full width images in postings with style 4. But if it is too complicated, I may rather pass on this because my coding skills are limited unfortunately.

What kind of risk would I face with full-width sliders and is something alike on your to-do list for upcoming updates?

Thanks; pretty good solution.

I also found out that this CSS property exists: http://www.w3schools.com/cssref/pr_text_white-space.asp and can be set to “nowrap”. Neat! Of course, since this only seems to happen now and then, I guess I’ll never know if it works, only if it doesn’t work…

Simplest way is to search replace the default fonts in the style.css file.

Here it is and here’s how I got it:

1. Copied and pasted your child theme functions code

2. Copied and pasted the function td_load_css from the parent theme’s functions code

3. Changed the name from td_load_css to my_td_load_css

4. Changed the line you mentioned to include ‘&subset=latin,latin-ext’

5. Copied the two extra lines I mentioned in my first post and pasted them at the very end

See if this works:

/*  ----------------------------------------------------------------------------
    WordPress booster framework - this is our theme framework - all the content and settings are there
    It is not necessary to include it in the child theme only if you want to use the API
*/
if (!defined('TD_THEME_WP_BOOSTER')) {
	include TEMPLATEPATH . '/includes/td_wordpres_booster.php';
}

function my_td_load_css() {

    //google fonts
    if ((defined('TD_DEPLOY_MODE') and (TD_DEPLOY_MODE == 'demo' /*or TD_DEPLOY_MODE == 'dev' */)) or defined('TD_SPEED_BOOSTER')) { //on demo and dev we load only the latin fonts
        //modify this collection if you want to optimize the fonts loaded
        //collection url -> : http://www.google.com/fonts#ReviewPlace:refine/Collection:PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700
		
        wp_enqueue_style('google-font-rest', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic|Ubuntu:400,400italic|Open+Sans:400italic,400|Oswald:400,700|Roboto+Condensed:400italic,700italic,400,700&subset=latin,latin-ext'); //used on menus/small text
		
		// Above line has been modified in child theme to include '&subset=latin,latin-ext'
		
    } else {

        $td_user_fonts_list = array();
        $td_user_fonts_db = td_util::get_option('td_fonts');
        if(!empty($td_user_fonts_db)) {
            foreach($td_user_fonts_db as $td_font_setting_key => $td_font_setting_val) {
                if(!empty($td_font_setting_val) and !empty($td_font_setting_val['font_family'])) {
                    $td_user_fonts_list[] = $td_font_setting_val['font_family'];
                }
            }
        }

        if(!in_array('g_438', $td_user_fonts_list)) {//'g_438', //Open Sans
            wp_enqueue_style('google-font-opensans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on menus/small text
        }

        if(!in_array('g_617', $td_user_fonts_list)) {//'g_617', //Ubuntu
            wp_enqueue_style('google-font-ubuntu', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_453', $td_user_fonts_list)) {//'g_453', //PT Sans
            wp_enqueue_style('google-font-pt-sans', td_global::$http_or_https . '://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,cyrillic-ext,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_445', $td_user_fonts_list)) {//'g_445', //Oswald
            wp_enqueue_style('google-font-oswald', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext'); //used on content
        }

        if(!in_array('g_521', $td_user_fonts_list)) {//'g_521', //Roboto
            wp_enqueue_style('google-roboto-cond', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic'); //used on content
        }

        if(!in_array('g_639', $td_user_fonts_list)) {//'g_639', //Vollkorn
            wp_enqueue_style('google-vollkorn', td_global::$http_or_https . '://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700'); //used on quoates classic
        }
    }

    //add the google style link for fonts used by user
    $td_fonts_css_files = td_util::get_option('td_fonts_css_files');
    if(!empty($td_fonts_css_files)) {
        wp_enqueue_style('google-fonts-style', td_global::$http_or_https . $td_fonts_css_files);
    }

    //bootstrap - custom built - it was generated via compilation of /external/bootstrap-master/less/bootstrap.less
    $responsive = td_util::get_option('tds_responsive');
    switch ($responsive) {
        case '980_responsive':
            wp_enqueue_style('td-bootstrap', get_template_directory_uri() . '/includes/wp_booster/external/bootstrap/td-bootstrap-980-responsive.css', '', TD_THEME_VERSION, 'all' );
            break;

        case '980':
            wp_enqueue_style('td-bootstrap', get_template_directory_uri() . '/includes/wp_booster/external/bootstrap/td-bootstrap-980-not-resp.css', '', TD_THEME_VERSION, 'all' );
            break;

        case '1170':
            wp_enqueue_style('td-bootstrap', get_template_directory_uri() . '/includes/wp_booster/external/bootstrap/td-bootstrap-1170-not-resp.css', '', TD_THEME_VERSION, 'all' );
            break;

        default:
            wp_enqueue_style('td-bootstrap', get_template_directory_uri() . '/includes/wp_booster/external/bootstrap/td-bootstrap.css', '', TD_THEME_VERSION, 'all' );
            break;
    }

    //main theme style - set the TD_DEBUG_USE_LESS flag in /includes/app/td_config.php and the theme will load the less files and compile them for you
    if (TD_DEBUG_USE_LESS) {
        wp_enqueue_style('td-theme', get_template_directory_uri() . '/td_less_style.css.php',  array('td-bootstrap'), TD_THEME_VERSION, 'all' );
        //wp_enqueue_style('td-theme', get_template_directory_uri() . '/style.less', array('td-bootstrap'), TD_THEME_VERSION, 'all' );
    } else {
        wp_enqueue_style('td-theme', get_stylesheet_uri(), array('td-bootstrap'), TD_THEME_VERSION, 'all' );
    }
}

remove_action('wp_enqueue_scripts', 'td_load_css');
add_action('wp_enqueue_scripts', 'my_td_load_css')

Thank you for your kind answer. I know html and css. I dont know how php works. Can you help me in more details. This is my child theme functions code

<?php

/*  ----------------------------------------------------------------------------
    WordPress booster framework - this is our theme framework - all the content and settings are there
    It is not necessary to include it in the child theme only if you want to use the API
*/
if (!defined('TD_THEME_WP_BOOSTER')) {
	include TEMPLATEPATH . '/includes/td_wordpres_booster.php';
}

Can you please tell me how it should be?

Regards

You might have a wait. Not everybody who is on the forum has time to fix your server for you. Your first chore would be to read through all the posts in the PageSpeed topic where many folks, including myself, have provided a wealth of FREE advice on how to optimize your server, pagespeed, caching, htaccess and set your server settings properly for gzip/deflate, time to live headers, etc.

The “tagdiv speed booster” plugin is only designed to help with issues of loading js and css files in the most efficient manner for the theme; it doesn’t do anything for your server side caching, account speed on the net (response time), gzip/deflate, expiration headers, or image compression. Put another way it’s not a “config file” for your server, it’s preset to speed up the theme, rather seamlessly in most cases. While you can add to it, if you need to have an additional plugin or something “optimized” for loading when theme pages load, it will NOT fix issues on your server or the content you upload.

Advice would be to first optimize your site content such as using GTMetrix to check your site for server side elements which need to be addressed FIRST, then move on to elements which can be addressed via htaccess, optimize images, and the like. Do all your checks with mod_pagespeed off as this caches elements while you’re working on things. Set the tagdiv speed booster last (only edit it if you understand what you’re doing); then when you have a decent setup, then switch on mod_pagespeed.

However, as noted in the PageSpeed topic, gzip/deflate, expires headers, and the like are good for 20 points all alone. Most common issue if your score is below 80 desktop.

Also, remember this forum provides theme support from the developer, not server management support. You need to learn to manage your server and hosting setup, and this is necessary regardless of what theme you run. So, unless you address those issues first, then the elements to fix in WordPress will not be very effective.

I’m sure Marius will be happy to help with questions on the td_speedbooster plugin included with the theme, but you really should read through the PageSpeed topic since I’ve provided a wealth of advice, and how-to elements there which are critical to optimizing your site — including my own mod_pagespeed settings!

• This reply was modified 11 years by simchris.

Agree, Chris. One thing that I still lack is combine css and js files… Still not found something that won’t break the site 😛

Always glad to help 🙂

I’ve been tweaking PageSpeed on a daily basis since we setup our new web server last December (or rather, I started last year on this topic, but then ran into needing new web server in order to run mod_pagespeed). We run a mix of both WordPress and old-school shtml sites, and so it’s been a challenge to optimize some things for both, especially on our main business website where we have 15 years of static content, wordpress ‘blog’ and then new area for content using wordpress, plus ecommerce area, all on one domain. Fun times! 🙂

I’m super happy with Newspaper, as the devs have been one of the *few* WP devs who understand that it’s not good anymore to have 12 js files and 5 css files linked from every page. One theme I looked at the other day “required” a child theme, and had 15+ js/css files, and one loaded from the child theme not the parent theme. Really nice theme, but very badly architected for modern PageSpeed.

So, in case I haven’t said so lately to Radu and co. BRAVO!!!!!!!!!!!!

• This reply was modified 11 years by simchris.