Search Results for 'css'

Hi Radu,

Wow! That was easy, and update proof 🙂

Now how do I make my last Main Menu entry use this free space?
Just take a look on my website (www.techplanet.nl) and you will see what I mean. The last entry called Forum should fit on the place where the magnifying glass used to be.

Can this also be solved using custom CSS, and therefore be update proof?

Thanks

hi,
we don’t have a print.css style, but if you manage to make one added here :
http://screencast.com/t/8dSFU85O8V

Thanks for you message.
Radu A.

Hi,

This can be done by adding custom CSS in the Theme Panel, like this:

.header-search-wrap {
display: none;
}

Thank’s for your question,

1. You have to go to Theme panel, select Categories and disable the Show Featured Slider property like this ? http://screencast.com/t/igMtrSAe

2. For your second question you have to write a custom CSS for both layouts, one for smartphones and one for tablets, like this:

/* responsive phone */

@media (max-width: 767px) {
article h1.entry-title {
font-size: 20px !important;
}
.td-post-text-content p{
font-size: 10px;
}
}

/* responsive portrait tablet */

@media (min-width: 768px) and (max-width: 1018px) {

article h1.entry-title {
font-size: 20px !important;
}
.td-post-text-content p{
font-size: 10px;
}
}

Add this code to your Custom CSS in Theme Panel and check to see the difference.

Thank’s for your question,

Hi,

You can solve this issue by adding style via CSS, please provide us with the site URL so that we can inspect it and see what custom CSS you need in order to solve this issue.

Thank’s for your question,

@Fudoki you right … that Async JS and CSS does something

im now 77/Mobile 86/Desktop

from 69/Mobile 82/Desktop

thanks

For many of our sites the best we’ve been able to do is to combine all the CSS into one file, and all the JS into one file, then load the JS via async, and load the CSS from the CDN/Amazon Cloud; then inline the menu stuff we had built custom into the head, along with some CSS which needs to load after Bootstrap.

In most cases you cannot fully remove all render blocking elements, only minimize them. Fix everything ELSE first and you can still get a 90+ desktop score in most cases.

I’ve only seen the render blocking fully fixed by building a minimal theme, and structuring the content specifically to address that issue – but not very pretty site.

So, best tip: fix everything ELSE you can, and don’t obsess over the render blocking stuff as most sites still have this issue due to the way Google is looking at that. They seem to base that “error” on anything which isn’t minimal like Google’s help pages.

Yoluca,

I had the same issue. Try this plugin: Async JS and CSS: Converts render-blocking CSS and JS files into NON-render-blocking, improving performance of web page

It will remove most (if not all of the render-blocking scripts).

Good Luck!

hi,
marius forgot to put the !important kwyword in the css rules.
put this code :

@media (max-width: 767px) {
   .td-header-menu-wrap {
       display: block !important;
   }
} 

here: http://screencast.com/t/pGdM4vDgP

result: http://screencast.com/t/IVTKQfij

as the width of the site gets smaller the menu will start to be ugly.
like marius said this task require custom work. if you are not a developer please hire one for this task.

Thanks for you message.
Radu A.

hi,
lets start from the begging, the reason way google is giving that “Remove render…..” is because when the source of the site get downloaded and loads into the browser it find resources like css and javascript files, font file, etc and the browser stop the downloading of the page to start downloading the other files (css, javascript files) and google says that is better to download the source of the page first and at the end to download other resources.

now that we found what happens, moving the css and javascript code at the bottom of the page – I think ???- it can be done by doing something like :
keep the style.css of wordpress, but put all the code in another css file, then
read the file and put the readed content between <style> and </style> in the
footer of your site (probably thru the use of hooks). do the same for javascript
files(need to use the <script> and </script> tags).

Now imagine that for every plugin that have css files and/or javascript files you need to do this reading of files and pasting in the bottom of the page. Is hard to do this but will insure that message “Remove render …..” will disappear.

==== about speed buster
all that td-speed-booster is doing is to move the javascript files from the header of the page to the bottom of the page. in theory this will have to increase the speed in google pagespeed application, but in your case seems that it fails, really don’t know way, this has to be checked.

Thanks for you message.
Radu A.

Hi Marius,

I put it on Theme Panel – Custom CSS http://www.screencast.com/t/ozP7ZxvWD0, Save Settings, Refresh, but didn’t anything change http://www.screencast.com/t/qNuqIDwPXEk

I really appreciate your help in this matter.

Thanks

Yes, i do have latest. I Reinstalled
It with a theme change, but as u can see
The styles stayed. If you open a topic
All is ok, but the index page is old.
Any idea?

hi,

for the slide use this css:

.td-sbig-title-wrap .td-sbig-title {
   background-color: #d33232 !important;
}

.td_normal_slide  .iosSlider .slider  .item{
    background-color: #ffffff !important;
}

here : http://screencast.com/t/pjBdlxoqM2
===========================

inline add is here: http://screencast.com/t/9EcmpU968

my advice is to take a look over all the settings of the theme,not just asking whatever.

Thanks for you message.
Radu A.

hi,
to achieve this you need to put all the css and all the javascript code in the source of the page like : http://screencast.com/t/j1RrYGoVy

it will make the page bigger in size but google will not complain about :Eliminate render-blocking JavaScript and CSS in abo…….

however in wordpress you cannot achieve this because wordpress in his wisdom will not function without a file called style.css

Thanks for you message.
Radu A.

hi,

use this css :

.menu-item-9141.current-menu-item a {
   border-color: #ffffff;
}

here: http://screencast.com/t/Gc2AH3Nox2

Thanks for you message.
Radu A.