Search Results for 'css'

Results from the Forum
itgrapes
tagDiv Member

Hi Chris,

Thanks for your reply.
The thing is that the speed booster seems have no effect on the theme. I mean when you check the source, no JS or CSS have moved to the footer.
How to know if the tagDiv Speed Booster is doing something or not?

Best.

simchris
tagDiv Member

You need to edit the CSS the way you want it.
You could copy the code from the other template you like into the template you want to use (mix the different headers).

TagDiv support back on Monday if that didn’t make sense 🙂

mrmorrison
tagDiv Member

Update: I was able to fix it by changing this style in style.css from 339px to 338px

.td-block-span6 {
width: 338px;
padding-left: 20px;
padding-right: 19px;

but is this going to cause an issue somewhere else?

Thanks,

mustafauysal
Participant
#0

Hello,

I just find a issue.

When custom fonts change, td_fonts_css_buffer (option) not updating. Can you fix it please!

Cheers,

simchris
tagDiv Member

You would likely need to setup a javascript button, to switch CSS, then create alternate copy of the style.css file …

we used to do this to allow people to load different size fonts for the old handicapped requirements …

use a simple javascript switcher to switch to style-desktop.css which removes the @media queries for viewport 🙂

jquery method (I’ve not used this)
http://www.cssnewbie.com/simple-jquery-stylesheet-switcher/#.VTvbsGeBFaQ

and here is code we used to used in the olden days (circa 2009?) ?
http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm

mrmorrison
tagDiv Member

I’ve tried the stock 1.71 style.css < does not fix

anyone? I’m a little disappointed that the prolific sage, Chris S doesn’t have an answer.

Everything still displays perfectly (on the desktop) everywhere except on the Chrome browser.

Really need help on this its driving me nuts.

Thank you in advance!

Alin [tagDiv]
tagDiv Staff

Hi,

Please try this custom css in Theme Panel > Custom Css and change the font size how you wish: http://screencast.com/t/9xAbh0TBWllH

.td-header-style-10 .td-logo-text {
font-size: 50px;
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,
You can add a class to the div container of the ad code, I said to not use only td-visible-desktop if you don’t use also all those divs for tablet and phone because it will be hidden on those devices. So you can use a class (replace bellow div with your class) and adjust via css: http://screencast.com/t/RijD3nlCX5

.td-a-rec-id-sidebar div {
display: table;
margin-right: auto;
margin-left: auto;
}

If it is an image you can use those divs for desktop, tablet, phone – https://forum.tagdiv.com/ads-system-full-guide/ and use different image size.

Hope this helps!

Alin [tagDiv]
tagDiv Staff

Hi,

You can try to add a background image via custom css in Theme Panel > Custom Css for a specific page, use page id: http://screencast.com/t/4hANyIu8h4UX and add this css http://screencast.com/t/NuEeHY8aff

body.page-id-xx {
background-image: url("your link");
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately theme doesn’t have an option for this, but you can do it via custom css in Theme Panel > Custom Css.
Date – http://screencast.com/t/epJIMMQAnE

header .meta-info .entry-date {
color: red;
}

Tag cloud – http://screencast.com/t/ffbWxhyDQ

.widget_tag_cloud .tagcloud a {
background-color: green;
}

I’m not sure about the number of comments where you want to change the color:
-post – http://screencast.com/t/ASDa2wFaKGP5

header .entry-comments-views {
color: blue;
}

-blocks/modules – http://screencast.com/t/XTYcrRM6Lu

.td_mod_wrap .entry-comments-views {
color: blue;
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately the theme doesn’t have an option to disable ads on specific posts, so if you want to block ads for specific posts you can do something like this – https://forum.tagdiv.com/topic/disable-inline-ads-for-categories/ but insted using category you can use is_single() function and paste post IDs in an array. You can find out more here about this function – https://codex.wordpress.org/Function_Reference/is_single
Or you can use css if you want to hide them:

.postid-xx .td-g-rec-id-content_top{
display: none;
}
.postid-xx .td-g-rec-id-content_inline{
display: none;
}
.postid-xx .td-g-rec-id-content_bottom{
display: none;
}

Here you can find post id – http://screencast.com/t/ogEeuvxCjI

Thanks!

GadgetViper
tagDiv Member

I have managed to eliminate all the JS files, I’d still like to reduce the 24 .css files down, if you have any suggestions?

GadgetViper
Participant
#0

Great stickies, thanks Chris!

The code you suggest for the htaccess:

# END WordPress

AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff

# 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”
ExpiresByType font/truetype “access plus 2500000 seconds”
ExpiresByType font/opentype “access plus 2500000 seconds”
ExpiresByType application/x-font-woff “access plus 2500000 seconds”
ExpiresByType image/svg+xml “access plus 2500000 seconds”
ExpiresByType application/vnd.ms-fontobject “access plus 2500000 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>

Would this replace the code generated by W3TC or be added before / after it?

W3TC code:

# 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 W3TC Page Cache core
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_COOKIE} w3tc_preview [NC]
RewriteRule .* – [E=W3TC_PREVIEW:_preview]
RewriteCond %{REQUEST_METHOD} !=POST
RewriteCond %{QUERY_STRING} =””
RewriteCond %{REQUEST_URI} \/$
RewriteCond %{HTTP_COOKIE} !(comment_author|wp\-postpass|w3tc_logged_out|wordpress_logged_in|wptouch_switch_toggle) [NC]
RewriteCond “%{DOCUMENT_ROOT}/blog/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_PREVIEW}.html” -f
RewriteRule .* “/blog/wp-content/cache/page_enhanced/%{HTTP_HOST}/%{REQUEST_URI}/_index%{ENV:W3TC_PREVIEW}.html” [L]
</IfModule>
# END W3TC Page Cache core

Cheers

GadgetViper
Participant
#0

Site Speed test results: Pagespeed Insight

Hi,

I’m trying to improve the speed of the site, my mobile speed results are currently only 40/100
I’ve got Gzip on, I’m running Total Cache, I’ve compressed all images with EWWW

I have tried the TagDIV speed booster plugin with the steps outlined on this page

However, the list it produced didn’t seem to correlate with the actual page insight results (with the exception of a couple)

list:

registered scripts
jquery |
hide-this-part-js | http://gadgetviper.com/blog/wp-content/plugins/hide-this-part/js.js
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
devicepx | http://s0.wp.com/wp-content/js/devicepx-jetpack.js
wpseo-admin-global-script | http://gadgetviper.com/blog/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td-wp-admin-general | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wpar-style | http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/css/style_admin.css
font-awesome-styles | http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/inc/font-awesome/assets/css/font-awesome.min.css
wprs-admin | http://gadgetviper.com/blog/wp-content/plugins/wp-rich-snippets/assets/css/style_admin.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
responsive-lightbox-lite-admin | http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/css/admin.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
wpalchemy-metabox | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
bws-admin-stylesheet | http://gadgetviper.com/blog/wp-content/plugins/captcha/bws_menu/css/general_style.css
font-awesome | http://gadgetviper.com/blog/wp-content/plugins/js_composer/assets/lib/font-awesome/css/font-awesome.min.css
jetpack-icons | http://gadgetviper.com/blog/wp-content/plugins/jetpack/css/jetpack-icons.min.css
Skip to main content

Page Insight:

JS (8)

http://gadgetviper.com/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2
http://gadgetviper.com/blog/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/user-rating/jquery.rating.pack.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/user-rating/custom.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/colorbox/jquery.colorbox-min.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/nivo-lightbox/nivo-lightbox.min.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/inc/script.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.tools.min.js?ver=4.6.5

CSS (27)

http://gadgetviper.com/…dburner-form/control/fbstyle.css?ver=4.2
http://gadgetviper.com/…assets/css/bootstrap_tab.min.css?ver=4.2
http://gadgetviper.com/…s/css/bootstrap_dropdown.min.css?ver=4.2
http://gadgetviper.com/…tabs/assets/css/res_tab_icon.css?ver=4.2
http://gadgetviper.com/…ns/wp-reviews/css/flexslider.css?ver=4.2
http://gadgetviper.com/…nt/plugins/captcha/css/style.css?ver=4.2
http://gadgetviper.com/…t-form-plugin/css/form_style.css?ver=4.2
http://gadgetviper.com/…/nivo-lightbox/nivo-lightbox.css?ver=4.2
http://gadgetviper.com/…htbox/themes/default/default.css?ver=4.2
http://gadgetviper.com/…der/rs-plugin/css/settings.css?ver=4.6.5
http://gadgetviper.com/…views/css/user-rating/rating.css?ver=1.0
http://gadgetviper.com/…eviews/css/colorbox/colorbox.css?ver=1.0
http://gadgetviper.com/…/jquery-ui-1.10.3.custom.min.css?ver=1.0
http://gadgetviper.com/…plugins/wp-reviews/css/style.css?ver=4.2
http://gadgetviper.com/…wp-reviews/css/bootstrap.min.css?ver=4.2
http://gadgetviper.com/…ppets/assets/css/style_front.css?ver=4.2
http://gadgetviper.com/…ets/assets/css/bootstrap.min.css?ver=4.2
http://gadgetviper.com/…ns/wp-pagenavi/pagenavi-css.css?ver=2.70
http://gadgetviper.com/…/assets/css/font-awesome.min.css?ver=1.0
http://gadgetviper.com/…esome/css/font-awesome.min.css?ver=4.4.2
http://gadgetviper.com/…/plugins/jetpack/css/jetpack.css?ver=3.5
http://gadgetviper.com/…content/plugins/hide-this-part/style.css
http://fonts.googleapis.com/…ed:400italic,700italic,400,700?ver=4.6.2
http://gadgetviper.com/…form-7/includes/css/styles.css?ver=4.6.2
http://gadgetviper.com/…nal/bootstrap/td-bootstrap.css?ver=4.6.2
http://gadgetviper.com/…emes/Newspaper-child/style.css?ver=4.6.2
http://gadgetviper.com/…og/wp-content/themes/Newspaper/style.css

I’m wondering are able to provide a list of corresponding id’s for some of the above that I can try adding to the td-speed-booster.php file or should I just take every ID from the list and paste them into the speed-booster.php?

Any suggestions you can make would be greatly appreciated, I was considering trying Better Wordppress Minify Not sure is it’s compatible with the theme or not?

Cheers

Alin [tagDiv]
tagDiv Staff

Hi,

2. I’m not sure what is happening please try to change the size for your ad from Theme Panel > Ads: http://screencast.com/t/JfusNez2Xwv and it should render the ad at that size.
Also I did not found any ads on your homepage: http://screencast.com/t/whZHwE6cihttp://screencast.com/t/k3ySzhYW4L

9. Please add td-ss-row class to the row of the sidebar – http://screencast.com/t/1gHBk0giHF
10. On this post you use template 7, this post style doesn’t display featured image on post page, use the featured image thumb only on block/modules – http://screencast.com/t/46Ozopy0E5cO
So please set another post template if you want to display featured image: http://screencast.com/t/4IE9szK3Ywtf

11. You can hide it via custom css in Theme Panel > Custom Css: http://screencast.com/t/YsuvnR6IkV

.td-related-title .td-related-right {
display: none;
}
.td-related-title .td-related-left {
border-radius: 3px;
}

12. There is an option in Theme Panel to disable breadcrumbs: http://screencast.com/t/FOKeZBpq

Thanks!

OverPress
tagDiv Member

Great, it works! But via CSS we can also enlarge to 640px wide?

Alin [tagDiv]
tagDiv Staff

Hi,

We use this size of image (300×194) and use css to make it small to not cut so many images also on 200×130. Like you can see that thmub size is used on more blocks – http://screencast.com/t/KfhxeDOV6 but if you want you can create something similar in td_config.phphttp://screencast.com/t/aU3WEMID8Pka and use it in td_module_mx4.php used on block 16 – http://screencast.com/t/upVDPQSKAo
Please regenerate thumbnail if you make this change: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please try this css: http://screencast.com/t/yNxNAjTkpk

.single .getty.embed.image {
display: block !important;
margin: 0 auto !important;
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please try this custom css: http://screencast.com/t/qJ04gNYOO

.td-post-content .full-image {
left: -50%;
position: relative;
transform: translateX(-60%);
}
.full-image img {
max-width: none !important;
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/T39fJWrOkF

.single .fb_iframe_widget span {
border-top:1px solid rgb(230, 230, 230);
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

For footer 2 area you have to edit the template file and increase posts limit – http://screencast.com/t/sCHHCLF8iyhttp://screencast.com/t/MfemzUQIS
If you want to hide the number of articles for each category in footer 3 please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/2mPlnSeXb

.td-footer-container .td_block_popular_categories .td-cat-no {
display: none;
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/sLx7yqHhX1rhttp://screencast.com/t/LvetKBLGE

.sf-menu a.sf-with-ul {
padding-right: 11px;
}
.sf-menu > li > a {
padding: 0px 1px 0px 8px;
}
.sf-menu .td-icon-menu-down {
padding-left: 2px;
}
.sf-menu {
margin-left: 0px;
}
.top-header-menu li a {
margin: 0px 10px 0px 0px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.sf-menu > li > a {
font-size: 10px !important;
padding: 0px 10px 0px 0px !important;
}
.sf-menu a.sf-with-ul {
padding-right: 18px !important;
}
.sf-menu .td-icon-menu-down {
font-size: 8px !important;
}
}

Thanks!

Ramon Santana
Participant
#0

Hi,

some minutes ago I updated the theme (I followed the Chris’s guide for this) to the latest version (1.7.1) and right now the jQuery doesn’t work. Because this, the slider module, the megamenu adn the animation CSS of modules don’t work too.

Also I updated the WordPress to the 4.2 version.

Please, help me! URL: http://arenarubronegra.com.br

—-
Update: I discovered the fix. A plugin isn’t working correctly with the new theme version. I turned off it and the issue was fixed. Thanks!

simchris
tagDiv Member

HEY!!
note to all having this issue … not a new “theme bug” per se;

this actually caused by install of WP 4.2 and *not* the theme update

… one of my sites running 1.6 which I just updated to WP 4.2 now has this same issue with just the “categories” widget — none of the other widgets affected I’m using (might impact other ‘default’ widgets; but not impacting tag cloud …

CSS “printed” on page:

<aside class="widget widget_categories"><div class="block-title"><span>Categories</span></div><label class="screen-reader-text" for="cat">Categories</label><select name='cat' id='cat' class='postform'>

arnieswap
tagDiv Member

Do I have to add a div container in the functions file? Because adding div class to image is not working. I added a div class “full-image’ to it and and added it to custom css. But the output is not full width image.

http://www.kalveda.com/2014/12/02/home-made-observatory-found-exoplanet/

Viewing 25 results - 28,851 through 28,875 (of 33,436 total)