Search Results for 'header'

Hi

You can use category’s name as a css class to set a specific background for one category, the code will look like in this example:

.category-"cat-name" .td-category-header .td-container {
background-image: url("image-url");
}

Thanks!

HI

If the code works in Visual Composer it will also work if you add it in header or footer. Try adding the code in header.php or footer.php and check how goes: http://screencast.com/t/aZWLyS1L21

Thanks!

Hi, sorry if my reply sounded mean 🙂

Critical CSS is the “needed CSS” to render the above the fold content. Which might only be 20% of the CSS loaded for entire page, but when loaded inline with every page the page itself is a little bigger, but the browser doesn’t need to wait for ANY of the css and js files. This is the only way I’ve found to fully eliminate the “render blocking” message from Pagespeed Insights.

While the SpeedBooster plugin does pretty good job of moving stuff to footer (and I presume you know how to look at your page source to see if that actually happened, and WHAT is being loaded in the header), as I stated in many cases with WP, you cannot just move everything to the footer as then nothing actually loads until you get there.

TagDiv are doing a “sort of” version of this by front loading some of the CSS, and then moving the stuff to footer; but if you still get the message then it means this “scheme” didn’t quite work, and not really their fault — it will NOT work for everyone; even if they can do it with some (ahem, not all) of their demos.

Go test their demo post for example, see what happens 😉

So, the trick is to use a custom css “critical css generator” that scans your post and then figure out WHAT needs to load first “critical” in the sense it’s needed to load the page BEFORE all the css/js crap in the footer.

For this example “critical” would be defined as :

critical
· adj.
having a decisive importance in the success or failure of something.

So … TagDiv might want to — and will — weigh in as part of their lovely support effort, but you should concentrate on ALL OTHER pagespeed elements, and leave that one thing for last. Or it will drive you insane until you just learn how to get the “critical CSS’ added to the header.php file right above the body tag. Seriously. Been there. 🙂

I don’t work here; take it or leave it.

I thought I did answer it. To remove the ‘render blocking,’ you have to embed all the ‘critical’ css in your header.php file manually.

Perhaps TagDiv will have better answer when back in the office. Sorry that didn’t help. 🙂

Fact is, in WordPress you need to move all CSS and JS to footer, and then have the critical CSS loaded from the header file to fully eliminate that error message.

There is no ‘one click’ way to do it.

Check your page source and see what css and js are there.

but, the ‘gotcha’ is that most WP posts cannot render anything at all without certain code, and so putting it at bottom can help it load, but without the initial “critical” CSS actually loaded inline at top, the page still needs to get to the code to load anything at all (often giving a flash of unstyled text – aka FOUT).

I think I cover this somewhere in my epic poem on TagDiv theme optimization in the tutorials > best of forum.

🙂

Thank you Edward,

That solution Works perfect, I paste that code at the top of my htacces archive code

<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “http://skin.cdn.com&#8221;
</IfModule>

Delete the cache and wait a few minutes and then the icons back.

Thank you again!

What if I need the category header to change according to the category?

I have one header I need on certain category pages, and the other for the rest – how do I acheive this?

Or can you guide me on how to add an 100% container above all other footer containers and register a widget area on ‘Widgets’ menu that will be connected with it?

I’ve done the same for an extra header menu that I wanted to add, through a topic of another member here.

*** EDIT:

Got this completed easily. I will mentioned the way, just in case another purchase wants to have this solved:

Opened up my footer template file (in my case td_footer_template6.php) and added this code http://prntscr.com/c9rqbp , before the other two divisions.

Then opened up td_wp_booster_functions.php and registered a new widget that will be connected to this area, by adding the code highlighted, before other areas:
http://prntscr.com/c9rqln

• This reply was modified 9 years by themesic.

Hi Catalin,

thank you.
Now i have another problem. A big one.

When i try to change something from the theme panel (as header option, insert logo, footer settings, …)
the theme does NOT respond to my action.

I remember that my website is ppp.alturas.it

Could you please help me?
Thank you

Hello,

Thank you for your reply. I Understand That You can not Develop For Each person.

I know the way to change the CSS but can you just tell me what values to change to change the size of the header logo?

@media (max-width: 767px) {
.td-header-style-5 .td-main-menu-logo img {
max-height: 70px! important;
}
.td-main-menu-logo img {
max-width: 185px;
}}

I would like the logo to be a little bigger on the site for office. Mobile view can stay like that.

Thanks again.