Search Results for 'css'

Splendid, that worked!

Now, one last question for you, @andrei_luca, regarding the darn navbar…

I’m noticing now that there’s a lot of extra space at the bottom of the mega menu than there used to be before I added all of this code. Initially I assumed it was because those elements that you helped me fix were vertically stretched out, but now that they’re the way they should be again, the mega menu still seems to be vertically stretched out. Do you know how I can get it back down to the size it should be?

Here‘s a link to my site again if you want to look and see what I’m talking about.

The following is all the code that’s currently in “Custom CSS” in the Theme Panel:

.sf-menu > .current-menu-item > a:hover, .sf-menu > .sfHover > a:hover, .sf-menu > .td-menu-item > a:hover {
border-bottom: 4px solid #0b9bc6!important;
}

.td_mega_menu_sub_cats .block-mega-child-cats a, .td_block_mega_menu .td-post-category{
height: inherit;
}


Thank you, Catalin.

You have resolved my first issue completely.

For my second one, the style.css is not minified. But okay. I try to resolve it myself. It looks, It is a big file and that’s why it is getting unresponsive.

Thank you for your kind support.

Hello Catalin,

How to change the height of the top menu because it covers a lot of space on small screens.

I haven’t do any changes in the style.css but when I open it in WordPress editor, it gets unresponsive. It looks that the file is getting slow from any other load. If it gets down, the chances of site’s downtime could be maximum.

I just want to know, is there any issues with this file when it is opened in wp editor.

Thank you.

Catalin,

Also, I would like to share here that style.css is getting unresponsive when I open it in the WordPress editor. I have purchased the theme then it doesn’t happen with me. Is there any issue in the theme version at the moment?

Let me know how to resolve it.

Hi

Replace the code from header-style-7.php file with this one: http://pastebin.com/MTxJW8zY – http://screencast.com/t/GiQ05BLPA Place the ad code in custom ads spots from theme panel and replace the required numbers as I indicated in screen.
Also you will need this css in theme panel > custom code > custom css: http://screencast.com/t/s7ovP3m4n

.td-header-sp-ads-left{
width: 35%;
float: left!important;
}
.td-header-sp-ads-right{
float: right!important;
width: 35%;
}
.td-header-style-7 .td-header-sp-logo{
width: 30%;
}
.td-header-sp-ads-left .td-a-rec img {
margin-left: 5px;
}
.td-header-sp-ads-right .td-a-rec img{
margin-left: -5px;
}
@media(max-width: 768px){
.td-header-sp-ads-left, .td-header-sp-ads-right{
width: 49%;
}
}

Note that I’ve tested this only with header style 7. For others header styles you will need additional customizations.

Thanks!

Hi

Indeed the last css don’t apply at the category tags for each post, sorry about that I missed some selectors. To achieve that replace that css with this one: http://screencast.com/t/OsUfXSWnCl

.td_mega_menu_sub_cats .block-mega-child-cats a, .td_block_mega_menu .td-post-category{
height: inherit;
}

Thanks!

Hi

Thanks @Chris for your feedback!

@gmaio you can load the css and js conditional by adding a hook in functions.php file like here:

add_action( 'wp_enqueue_scripts', 'dequeue_unwanted_scripts', 2000 );

function dequeue_unwanted_scripts(){
	if (is_page(array('page-id1', 'page-id2'))){
		wp_dequeue_style( 'file-id' );
	}
	if (is_single(array('page-id1', 'page-id2'))){
		wp_dequeue_style( 'file-id-' );

	}
 }

Note that this is just a basic example. You have to replace the page-id with the numeric id of your page and the file id with the specific id for each specific resource. To get the page id follow this link: http://screencast.com/t/9V7zgx6WK and to get the file id use the indicated file function in our page-speed guide: https://forum.tagdiv.com/how-to-make-the-site-faster/ – http://screencast.com/t/EYWMMocPrN The required conditions for your resources may differ then the ones I’ve indicated in above example and also you have to make sure that by removing some resources the page load won’t be affected.
Please consider that this is a complex task which require advanced coding skills, also many customization and tests. If you can’t do this by yourself my advice is to look for someone which can help you with this or hire a freelancer to do it for you as we can’t offer any type of custom work at the moment.

Thanks!

• This reply was modified 10 years by Andrei L..

Hi Catalin,

I think, you didn’t read my message, what I have written.

I have already used the CSS you have suggested to other buyers but that CSS is not working with me. It doesn’t do any changes in my output.

Let me know what to do?

Thanks for the quick reply Catalin.

How about overriding the function (from functions.php in the child theme) using higher priority?
I tried the following code (screenshot) and it’s working well, not loading any of the default files, but I’m unsure if it could be good as a long-term solution.


function override_fonts() {
td_global::$default_google_fonts_list = array (
'653' => array(
'css_style_id' => 'google_font_work_sans',
'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Work+Sans:400,700'
),
'654' => array(
'css_style_id' => 'google_font_bitter',
'url' => td_global::$http_or_https . '://fonts.googleapis.com/css?family=Bitter:400,700'
),
);
}
add_action( 'init', 'override_fonts', 20 );

↑ Replace default fonts (Open Sans and Roboto) with custom ones (Works Sans and Bitter, also from Google)

Each plugin you add may load in its own custom CSS and Javascript calls. Not easy to “merge” all of that without some serious hacking.

For example if you know you’re going to use the same 10 plugins, you could open up the plugins themselves, and remove the loading of the css and js, then merge all of those into single css and js files and load in footer.

Of course, if you knew how to do that you likely would not be asking how to do it here.

Using the Speed Booster you can optimize some of that to load in footer after main page load.

Some plugins you can disable loading custom CSS and have it accept (inherit) the site CSS.

YOu can also hack the Google fonts to load Google’s CSS into your own style.css but that is also a bit advanced.

Anyway – just some feedback on what that all entails.

Sir, please help me to fix this

Remove render-blocking JavaScript:
http://www.snaxzer.com/wp-includes/js/jquery/jquery.js
http://www.snaxzer.com/…includes/js/jquery/jquery-migrate.min.js
http://www.snaxzer.com/…assets/js/jquery.themepunch.tools.min.js

Optimize CSS Delivery of the following:
http://www.snaxzer.com/wp-includes/css/dashicons.min.css
http://www.snaxzer.com/…wp-includes/css/jquery-ui-dialog.min.css
http://www.snaxzer.com/…_composer/assets/css/js_composer.min.css

I am using speed booster plugin with WP super cache and CloudFlare enabled.
I have followed speed booster tutorial but after adding provided code in tutorial to functions.php I am not getting ID for above mentioned js and css