Search Results for 'block'

Hi Lucian,

Thank you for getting back to me quickly.

The excerpt font is fine, however, the post title is in a different font “Roboto Condensed” and I could not see how to modify this with the typography panel. Do I have to modify the style.css to achieve this:

.td_mod_wrap .entry-title a {
color: #222222;
font-family: ‘open-sans’,sans-serif;
font-weight: normal;
}

Okay as I am messing around with designing pages, I notice when I use a block it doesn’t show a preview picture with the post. Is there a button or something I am not hitting?

• This reply was modified 12 years by Rodney828.

This is the “clean” version:

blockquote {
  padding-left: 15px !important;
  border-left: 4px solid #ccc !important;
  margin: 10px 0 10px 0 !important;
}

blockquote p {
  font-family: 'PT Sans',sans-serif !important;
  font-size: 15px !important;
  line-height: 21px !important;
  font-style: normal !important;
  text-align: left !important;
  color: #a5a4a4 !important;
}

P.S. Similarly, right now I’m organizing the homepage as a large featured area on top, then individual category blocks scrolling beneath that. I don’t care if the posts are unique between the featured area and the individual category blocks. But if I want to have two different blocks making up that featured area, I do care if the articles unique within those. I can’t use offset if I set it to random, and I can’t use unique because that would affect the whole page. So another feature request would be to have articles be unique between a given set of blocks… 🙂

No prob. As I think I said, I spent an entire month (January 2014) messing with this stuff, and a mix of Amazon’s CDN, our new server, mod_pagespeed, etc.

I think I mentioned someplace the flaw in Google’s speed algorithm, where one of my test pages got a 91/100 with 47% of page rendering due to blocking elements; combined some files, now only have one blocking element, but less than 1% is considered able to render before loading the main CSS file, and the score went up to 97/100 for desktop and 91/100 mobile with user UX score of 85/100, and the items for the UX score are stupid.

(Test this page, which doesn’t use CDN, doesn’t use WordPress:
http://www.send2press.com/services/ez_price_list.shtml

You can drive yourself to drink with this stuff.

And the super annoying thing is the new expectation by Google for all pages to load via https, which requires SSL cert, and to possibly enably mod_SPDY on server since https is inherently slower than http. But … that’s another story, and the one I’m suffering with now. (Sigh.)

This is what I did:

blockquote {
  padding-left: 15px !important;
  position: relative;
  border-left: 4px solid #ccc !important;
  margin: 10px 0 10px 0 !important;
}

blockquote p {
  font-family: 'PT Sans',sans-serif !important;
  font-size: 15px !important;
  line-height: 21px !important;
  font-weight: normal;
  font-style: none !important;
  text-align: left !important;
  color: #a5a4a4 !important;
}

And this is result, which I’m satisfied about. If I made some mistakes in the code (or if there are some redundancies), feel free to correct! 🙂

Thanks,

Mario

Hi,
basically

blockquote p {
border-left: 4px solid #ccc;
 color: #a5a4a4;
 font-style: italic;
 margin: 30px 0 30px 15px;
 padding-left: 15px;
}

if anything doesn’t work add the important tag as in my first example, as it needs to over-ride the default style

• This reply was modified 12 years by simchris.

Hi Christopher,

thanks for the advice. Is it enough to have the p tag or do I have to have two blockquote expressions in the Custom CSS?

Hi, I think you need the p tag in there with this theme (remember CSS changes need to match the classes used on the theme, not plain HTML which you’re writing from scratch).

For example I modified my own blockquote by putting this CSS into the custom CSS box in the theme admin panel:

blockquote p {
   font-size:20px !important;  line-height:26px !important;  text-align: left !important; padding-left:20px;
}

• This reply was modified 12 years by simchris.

I use a plugin to actually upscale the image to new image block size, vs simply “resizing via CSS” — might not be what you want, but try “Thumbnail Upscale” plugin in the WP repository.

Ok FYI if interested, I reinstalled again yesterday because of the things Steven told me.

Well Chris- I still use the W3 Cache (page only) and wrote the rest of .htaccess by myself, like u posted in another thread. (little bit proud on myself that it did not crash 😀 )
Is everything ok with that or have any other suggestion?

See my current htaccess here:

# BEGIN W3TC Page Cache core
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{HTTPS} =on
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{SERVER_PORT} =443
    RewriteRule .* - [E=W3TC_SSL:_ssl]
    RewriteCond %{HTTP:Accept-Encoding} gzip
    RewriteRule .* - [E=W3TC_ENC:_gzip]
    RewriteCond %{HTTP_COOKIE} w3tc_preview [NC]
    RewriteRule .* - [E=W3TC_PREVIEW:_preview]
    RewriteCond %{REQUEST_METHOD} !=POST
    RewriteCond %{QUERY_STRING} =""
    RewriteCond %{HTTP_COOKIE} !(comment_author|wp\-postpass|w3tc_logged_out|wptouch_switch_toggle) [NC]
    RewriteCond "%{DOCUMENT_ROOT}/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" -f
    RewriteRule .* "/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_SSL}%{ENV:W3TC_PREVIEW}.html%{ENV:W3TC_ENC}" [L]
</IfModule>
# END W3TC Page Cache core
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
AddType text/javascript .js

# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
# END Expire headers

# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers

<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>

# pass the default character set
AddDefaultCharset utf-8
# BEGIN Keep-Alive
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
# END Keep-Alive

#BEGIN GZIP 
<IfModule mod_deflate.c>
<filesMatch "\.(js|css|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
#END GZIP

#BEGIN CF ALLOW
Allow from 2400:cb00::/32
Allow from 2606:4700::/32
Allow from 2803:f800::/32
Allow from 2405:b500::/32
Allow from 2405:8100::/32
#END CF ALLOW

As you can see I had to add the keep-alive code and other stuff like gzip- because otherwise GTMetrix would complain about that.

http://gtmetrix.com/reports/cherrykoks.de/4DKTK3Af I guess I can not influence the the both points about cloudflare?

The only thing I’m little bit confused about, is the fact that the mentioned code

 foreach ($this->styles_for_footer as $style_id => $style_src) {
            echo "<link rel='stylesheet' id='" . $style_id . "-css'  href='" . $style_src . "?ver=" . $current_theme_version . "' type='text/css' media='all' />\n";

in the booster plugin causes my strings. Can I change that?

And:

in the Pagespeed guide from tagdiv I read this:

The plugin will move the theme and recommended plugins js and css at the page bottom. If you have other plugins installed you have to modify the Speed Booster plugin file so it will also move those files at end of the page. In the next section you will learn how to accomplish this.
4.2 To get the list of registered css and js add the following code at the end of the functions.php file:
function td_inspect_scripts() {
global $wp_scripts, $wp_styles;
echo ‘registered scripts<br>’;
foreach ($wp_scripts->queue as $handle) {
echo $handle . ‘ | ‘ . $wp_scripts->registered[$handle]->src . ‘<br>’;
}
echo ‘registered styles<br>’;
foreach ($wp_styles->queue as $handle) {
echo $handle . ‘ | ‘ . $wp_styles->registered[$handle]->src . ‘<br>’;
}
}
add_action( ‘wp_print_scripts’, ‘td_inspect_scripts’ );

SpeedBooster plugin ist runnin as you know, do I have to change that as advised?

The sentence with “If you have other plugins installed you have to modify plugin so it will also move those files”

Other plugins means = every plugin I’m using? No problem to add this code to functions.php – just wanna make sure if this is right.

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

Even better still, you could add an option to the settings to set the tagDiv lightbox on or off for all linked images by default.

I quite like this idea.

hi,
the above alone didn’t work, but this did:

.ie8 .sf-menu > li > a {
font-size: 14px;
overflow: hidden;
width: 170px;
white-space: nowrap;
}

best

Well…

#2 took me a WEEK to find the cause on my own
(one of these days I am going to insist on getting the support I deserve you know…)
but I will share the cause for the common good in case others have a similar problem.

Turns out my problem was probably due to using the Facebook official plugin (version 1.5.5) which caused pagination to stop working for some reason.

https://wordpress.org/plugins/facebook/

Until an option is added to the theme panel, you can style it yourself via custom CSS. Either do this through a child theme (https://forum.tagdiv.com/child-theme-documentation/) or through the custom css part of the panel.

Using “inspect element” on a widget reveals the classes involved. For the titles it looks like it’s .block-title. The class of a widget’s text often varies from widget to widget, and I’m guessing from stack to stack. In blog-stack, for example, a text widget’s content is class .blog-stack .textwidget.