Search Results for 'css'

I think WP over-rides that as it’s not semantically correct to have <h2> tags inside of a <p> tag. So, a “block level” element like a sentence generally is itself either a <p> or <h> level element, based on my own experience (meaning a “headline” doesn’t go inside of another block level element – you can’t have an <h2> inside an <h1> or a <p> inside a <h2> technically.)

<h2>BLOCK <h3 (NO!)>OF</h3> TEXT</h2>
<p>Block of text</p>

Likely you have to do that with a span.

So you might have

<h2>My headline here <span class="h2like">larger</span> is from <span class="h2like">Mars</span>, not Venus</h2>

Try making a CSS span for the size change inside a block level element. I had to do this for a flush right “about this book serial” element, since you can’t have a <div> inside a <p> either. <span> is the right way to do stuff inside other stuff with CSS3/HTML5 now.

• This reply was modified 12 years by simchris.

Adding this CSS did not fix the issue.

Thanks Marius for your support, that helped. (My site is still in development and not accessible yet.)

Since these changes will be overwritten by the next theme update (I think ;-))and I don’t need those sentences, I added the following code to my newspaper-child/style.css:

.td_search_subtitle
{
  visibility: hidden !important;
}

.td-404-sub-title
{
    visibility: hidden !important;
}

They will simply not be displayed.

• This reply was modified 12 years by seitenprofi.
• This reply was modified 12 years by seitenprofi.

Tried and no success. Still working on it. I might juts have to blow out the installation and restart from scratch.

I have even switched the language on the admin back end and issue remains.

Hi Marius and thank you, i have verified this and the settings on the dev environment are set exactly as the production site which is 644. I am able to see the CSS on the prod site but not the dev site. I am still working to see what can be causing this. Any other thoughts suggestions in the meanwhile?

vidapropria
1) reduce image sizes either by running compression plugin and/or adding compression factor to your functions file
2) faster server account, if you keep seeing “slow response from server” error — that was a [!] item on your last report speed check — nothing can be done about that with the theme, or in WP; that is how fast the account you have and your hosting provider is responding to ping/start showing the page. For example if you have a $5/month account, upgrade to $10/month account (I’m just using that as example). Low cost accounts are usually on a machine or VPS being shared with 1,000+ other sites. Slightly more costly hosting accounts give more resources to each site, by sharing the resource pool with fewer domains.

Verify deflate/gzip working; remember this only serves up faster versions of your content, but doesn’t optimize them prior to that. I think I saw a 100K image file in your last report … that is waaaaaaaaay too big. Try using smushit plugin and regenerate thumbnails to see if that helps? (Backup images first as changes to images on server will be destructive — meaning they are changed and cannot be unchanged).

Also, for testing if you’re using a child theme, be sure to try NOT using a child theme to see if that gains you a point.

However RECOMMENDED:
1) optimize images before/after upload
2) look at better hosting – if you keep getting “slow to respond” error from Google — no way around that on your side.
3) test without using DISQUS, as this does slow things down. We stopped using it for that reason. We’re leaning toward phasing out comments on most sites, per industry practice now that most comments tend to be trolls and arguments (see: CNN for example). Any comments plugin really slows stuff down on WP. Unless you gain ad revenue from 10,000 visitors per day, it’s not really an essential plugin, and more of a glamour thing (in my opinion).
4) turn off all jetpack stuff for speed test — anything that connects to the WP/Automattic mothership adds latency.

Hope that helped 🙂

————–
as an aside on pagespeed errors:
I’m actually dealing with even more arcane stuff like how to enqueue the parent Theme’s style sheet in the child Theme’s functions.php, to bypass the annoying @import not recommended error from Google which the Automattic folks seem to think is a non-issue. I will post my efforts on THAT noise if anybody cares.

[ UPDATED ]
I just ran your GPS test, and saw you’re up to 82/100 desktop. So, looks like you’re making progress. The images issue is the next thing you need to resolve. You’ll have several points for that, as reducing the footprint of your images speeds up page (e.g., if you go from 300K to 150KB; that’s 50% less time loading images!).

For the minification stuff… note you would need to use a plugin for that (WPminify) although this has some issues; -or- you need to manually minify SOME resources which are not already reduced in size. RADU doesn’t minify all the code as developers have a hard time modifying code if they can’t read it.

So, if you knew there were a couple of large CSS/JS files you might want to minify, you can easily do that using an online tool (I use this one, although it won’t work with IE11/Win7 properly … use Chrome or similar: http://refresh-sf.com/yui/ )

Basically, “minification” of CSS and Java/js files removes the extra spaces, comments, and line breaks to make file “more compact” … so if you had a 125Kb CSS file, by removing all the spaces, line breaks, comments, it might end up being 100Kb, which is the kind of reduction that PageSpeed looks at — the idea being if you had 5 files being loaded on page and you reduced all of them by 20kb – well, that’s 100Kb and is larger than what website developers like me used for the entire page and graphics 10 years ago (we used to shoot for 50kb max page load, if you can imagine that!) …

• This reply was modified 12 years by simchris.

Result PageSpeed 77 – 100 (desktop)
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2F50.97.105.190%2F~cidad259%2F&tab=desktop

URL – http://50.97.105.190/~cidad259/
Example code .htaccess

# BEGIN W3TC Browser Cache
<IfModule mod_deflate.c>
    <IfModule mod_headers.c>
        Header append Vary User-Agent env=!dont-vary
    </IfModule>
        AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon application/json
    <IfModule mod_mime.c>
        # DEFLATE by extension
        AddOutputFilter DEFLATE js css htm html xml
    </IfModule>
</IfModule>
# END W3TC Browser Cache

# BEGIN WordPress

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /~cidad259/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /~cidad259/index.php [L]
</IfModule>

# END WordPress

<IfModule mod_rewrite.c>
ExpiresActive On

# Favicon (cannot be renamed)
  ExpiresByType image/x-icon              "access plus 1 week"

# Media: images, video, audio
  ExpiresByType audio/ogg                 "access plus 1 month"
  ExpiresByType image/gif                 "access plus 1 month"
  ExpiresByType image/jpeg                "access plus 1 month"
  ExpiresByType image/png                 "access plus 1 month"
  ExpiresByType video/mp4                 "access plus 1 month"
  ExpiresByType video/ogg                 "access plus 1 month"
  ExpiresByType video/webm                "access plus 1 month"

# CSS and JavaScript
  ExpiresByType application/x-javascript    "access plus 1 week"
  ExpiresByType text/css                  "access plus 1 week"
  ExpiresByType text/javascript		  "access plus 1 week"

# Webfonts
  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
  ExpiresByType application/x-font-ttf    "access plus 1 month"
  ExpiresByType application/x-font-woff   "access plus 1 month"
  ExpiresByType font/opentype             "access plus 1 month"
  ExpiresByType image/svg+xml             "access plus 1 month"

</IfModule>

What is missing to get to 90?

I installed the plugins
tagDiv speed booster
W3C total cache ( enable only cache page)

Results 72 de 100 desktop
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2F50.97.105.190%2F~cidad259%2F&tab=mobile

URL
http://50.97.105.190/~cidad259/

# BEGIN W3TC Browser Cache
<IfModule mod_deflate.c>
    <IfModule mod_headers.c>
        Header append Vary User-Agent env=!dont-vary
    </IfModule>
        AddOutputFilterByType DEFLATE text/css text/x-

component application/x-javascript application/javascript 

text/javascript text/x-js text/html text/richtext 

image/svg+xml text/plain text/xsd text/xsl text/xml image/x-

icon application/json
    <IfModule mod_mime.c>
        # DEFLATE by extension
        AddOutputFilter DEFLATE js css htm html xml
    </IfModule>
</IfModule>
# END W3TC Browser Cache

# BEGIN WordPress

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase 

/~cidad259/
RewriteRule ^index\.php$ - [L]
RewriteCond %

{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /~cidad259/index.php [L]
</IfModule>

# END WordPress

accept suggestions?

Hello Marius, yes that is exactly what I mean. Any thoughts? Here is my screen shot:

http://www.screencast.com/t/2oe0NSlEN

<!– copy and paste. Modify height and width if desired. –>

Sorry. You don’t understand me. You theme customizer for ads is not good because you show all banners in some css layers, this for adsense is not correct.